{{-- resources/views/purchases/orders/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Purchase Orders')
@section('page_title', 'Purchase Orders')
@section('page_subtitle', 'Manage purchase orders')

@section('content')

{{-- Stats --}}
<div class="row g-3 mb-3">
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-warning">
                <i class="bi bi-hourglass-split"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['pending'] }}</div>
                <div class="stat-label">Pending Approval</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-info">
                <i class="bi bi-box-seam"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['approved'] }}</div>
                <div class="stat-label">Approved</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-danger">
                <i class="bi bi-cash-stack"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($stats['total_owing'], 0) }}
                </div>
                <div class="stat-label">Total Owing</div>
            </div>
        </div>
    </div>
</div>

{{-- Filters --}}
<div class="card mb-3">
    <div class="card-body" style="padding:12px 16px;">
        <form method="GET" class="d-flex align-items-center gap-2 flex-wrap">
            <div style="position:relative;">
                <i class="bi bi-search"
                   style="position:absolute;left:9px;top:50%;
                          transform:translateY(-50%);
                          color:var(--muted);font-size:.8rem;"></i>
                <input type="text" name="search"
                       class="form-control form-control-sm"
                       style="padding-left:28px;width:180px;"
                       placeholder="PO #, supplier..."
                       value="{{ request('search') }}">
            </div>

            <select name="status"
                    class="form-select form-select-sm"
                    style="width:auto;">
                <option value="">All Statuses</option>
                @foreach(['pending','approved','partially_received','fully_received','cancelled','rejected'] as $s)
                    <option value="{{ $s }}"
                            {{ request('status') === $s ? 'selected' : '' }}>
                        {{ ucfirst(str_replace('_', ' ', $s)) }}
                    </option>
                @endforeach
            </select>

            <select name="supplier"
                    class="form-select form-select-sm"
                    style="width:auto;">
                <option value="">All Suppliers</option>
                @foreach($suppliers as $s)
                    <option value="{{ $s->id }}"
                            {{ request('supplier') == $s->id ? 'selected' : '' }}>
                        {{ $s->name }}
                    </option>
                @endforeach
            </select>

            <input type="date" name="date_from"
                   class="form-control form-control-sm"
                   style="width:auto;"
                   value="{{ request('date_from') }}">
            <input type="date" name="date_to"
                   class="form-control form-control-sm"
                   style="width:auto;"
                   value="{{ request('date_to') }}">

            <button type="submit"
                    class="btn btn-sm btn-outline-secondary">
                Filter
            </button>
            @if(request()->hasAny(['search','status','supplier','date_from','date_to']))
                <a href="{{ tenant_route('purchases.index') }}"
                   class="btn btn-sm btn-outline-secondary">Clear</a>
            @endif

            <div class="ms-auto d-flex gap-2">
                <a href="{{ tenant_route('purchases.suppliers.index') }}"
                   class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-truck me-1"></i>Suppliers
                </a>
                <a href="{{ tenant_route('purchases.supplier-payments.index') }}"
                   class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-cash-coin me-1"></i>Payments
                </a>
                <a href="{{ tenant_route('purchases.create') }}"
                   class="btn btn-primary btn-sm">
                    <i class="bi bi-plus-lg me-1"></i>New PO
                </a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <span class="card-title">
            Purchase Orders
            <span style="font-size:.75rem;font-weight:400;
                         color:var(--muted);margin-left:6px;">
                {{ $orders->total() }} total
            </span>
        </span>
    </div>

    @if($orders->isEmpty())
        <div class="card-body text-center py-5">
            <i class="bi bi-box-seam"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No purchase orders found</p>
            <a href="{{ tenant_route('purchases.create') }}"
               class="btn btn-primary btn-sm mt-2">
                Create First PO
            </a>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>PO Number</th>
                        <th>Supplier</th>
                        <th>Date</th>
                        <th>Expected</th>
                        <th>Total</th>
                        <th>Balance</th>
                        <th>Status</th>
                        <th>Payment</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($orders as $order)
                        @php
                            $sc = [
                                'pending'            => ['bg'=>'#fef3c7','color'=>'#92400e'],
                                'approved'           => ['bg'=>'#dbeafe','color'=>'#1e40af'],
                                'partially_received' => ['bg'=>'#e0f2fe','color'=>'#0369a1'],
                                'fully_received'     => ['bg'=>'#d1fae5','color'=>'#065f46'],
                                'cancelled'          => ['bg'=>'#fee2e2','color'=>'#991b1b'],
                                'rejected'           => ['bg'=>'#fee2e2','color'=>'#991b1b'],
                            ][$order->status] ?? ['bg'=>'#f1f5f9','color'=>'#475569'];
                            $psc = [
                                'unpaid'  => ['bg'=>'#fef3c7','color'=>'#92400e'],
                                'partial' => ['bg'=>'#dbeafe','color'=>'#1e40af'],
                                'paid'    => ['bg'=>'#d1fae5','color'=>'#065f46'],
                            ][$order->payment_status] ?? ['bg'=>'#f1f5f9','color'=>'#475569'];
                        @endphp
                        <tr onclick="window.location='{{ tenant_route('purchases.show', ['po' => $order->id]) }}'"
                            style="cursor:pointer;">
                            <td style="font-size:.8rem;font-weight:600;
                                       color:var(--clay);">
                                {{ $order->po_number }}
                            </td>
                            <td>
                                <div class="fw-semibold"
                                     style="font-size:.82rem;">
                                    {{ $order->supplier?->name }}
                                </div>
                            </td>
                            <td style="font-size:.78rem;white-space:nowrap;">
                                {{ $order->order_date->format('d M Y') }}
                            </td>
                            <td style="font-size:.78rem;white-space:nowrap;
                                       {{ $order->expected_date && $order->expected_date->isPast() && !in_array($order->status, ['fully_received','cancelled']) ? 'color:var(--danger);font-weight:600;' : 'color:var(--muted);' }}">
                                {{ $order->expected_date?->format('d M Y') ?? '—' }}
                            </td>
                            <td style="font-size:.82rem;font-weight:600;">
                                {{ $order->currency }}
                                {{ number_format($order->total_amount, 2) }}
                            </td>
                            <td>
                                @if($order->balance_due > 0)
                                    <span style="font-size:.78rem;font-weight:600;
                                                 color:var(--danger);">
                                        {{ $order->currency }}
                                        {{ number_format($order->balance_due, 2) }}
                                    </span>
                                @else
                                    <span style="font-size:.72rem;color:var(--success);">
                                        Paid
                                    </span>
                                @endif
                            </td>
                            <td>
                                <span style="font-size:.7rem;font-weight:600;
                                             padding:2px 8px;border-radius:20px;
                                             background:{{ $sc['bg'] }};
                                             color:{{ $sc['color'] }};">
                                    {{ str_replace('_', ' ', $order->status) }}
                                </span>
                            </td>
                            <td>
                                <span style="font-size:.7rem;font-weight:600;
                                             padding:2px 8px;border-radius:20px;
                                             background:{{ $psc['bg'] }};
                                             color:{{ $psc['color'] }};">
                                    {{ $order->payment_status }}
                                </span>
                            </td>
                            <td onclick="event.stopPropagation()">
                                <a href="{{ tenant_route('purchases.show', ['po' => $order->id]) }}"
                                   class="btn btn-xs btn-outline-secondary">
                                    View →
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($orders->hasPages())
            <div class="card-body"
                 style="border-top:1px solid var(--border);padding:12px 16px;">
                {{ $orders->links() }}
            </div>
        @endif
    @endif
</div>

@endsection