@extends('layouts.omd.omd')

@section('title', 'PO Tracker')

@section('content')

    <div class="container-fluid py-3">

        <div class="d-flex justify-content-between align-items-center mb-3">
            <h5 class="fw-bold mb-0">PO Tracker</h5>

            <div class="btn-group">
                <a href="?type=active" class="btn btn-sm btn-primary">Active Orders</a>
                <a href="?type=completed" class="btn btn-sm btn-outline-primary">Completed Orders</a>
            </div>
        </div>

        <div class="table-responsive">

            <table class="table table-bordered align-middle text-center">

                <thead class="table-dark small">
                    <tr>
                        <th>PO No</th>
                        <th>Project</th>
                        <th>Description</th>
                        <th>Vendor Name</th>
                        <th>Released By</th>
                        <th>Order Value (₹)</th>
                        <th>Payment Terms</th>
                        <th>Payment Done</th>
                        <th>Balance</th>
                        <th>Order Status</th>
                        <th>PO Copy</th>
                        <th>Acceptance</th>
                        <th>Ledger</th>
                        <th>GRN</th>
                        <th>Vendor Invoice</th>
                    </tr>
                </thead>

                <tbody>

                    @forelse($orders as $order)

                        @php
                            $paid = $order->paid_amount ?? 0;
                            $balance = $order->total_amount - $paid;
                        @endphp

                        <tr>

                            <td class="fw-semibold">
                                {{ $order->po_number }}
                            </td>

                            <td>
                                {{ $order->project->project_name ?? 'N/A' }}
                            </td>

                            <td>
                                {{ $order->rfq->description ?? '-' }}
                            </td>

                            <td>
                                {{ $order->vendor->name ?? 'N/A' }}
                            </td>

                            <td>OMD</td>

                            <td class="fw-bold text-success">
                                ₹ {{ number_format($order->total_amount, 2) }}
                            </td>

                            <td>
                                {{ $order->payment_terms ?? '30 Days' }}
                            </td>

                            <td class="text-success">
                                ₹ {{ number_format($paid, 2) }}
                            </td>

                            <td class="text-danger fw-semibold">
                                ₹ {{ number_format($balance, 2) }}
                            </td>

                            <td>
                                @if($order->status == 'pending')
                                    <span class="badge bg-warning text-dark">Pending</span>
                                @elseif($order->status == 'accepted')
                                    <span class="badge bg-info">Accepted</span>
                                @elseif($order->status == 'dispatched')
                                    <span class="badge bg-primary">Dispatched</span>
                                @else
                                    <span class="badge bg-success">Completed</span>
                                @endif
                            </td>

                            <td><a href="#" class="btn btn-sm btn-outline-secondary">View</a></td>
                            <td><a href="#" class="btn btn-sm btn-outline-secondary">View</a></td>
                            <td><a href="#" class="btn btn-sm btn-outline-secondary">View</a></td>
                            <td><a href="#" class="btn btn-sm btn-outline-secondary">View</a></td>
                            <td><a href="#" class="btn btn-sm btn-outline-secondary">View</a></td>

                        </tr>

                    @empty

                        <tr>
                            <td colspan="15" class="text-muted py-4">
                                No PO records found
                            </td>
                        </tr>

                    @endforelse

                </tbody>

            </table>

        </div>

    </div>

@endsection