@extends('layouts.vendor.vendor')
@section('title', 'My Orders')
@section('content')

    <div class="container-fluid px-4 py-4">

        <div class="d-flex justify-content-between align-items-center mb-4">
            <h5 class="fw-semibold mb-0">My Purchase Orders</h5>
        </div>

        @if(session('success'))
            <div class="alert border-0 rounded-3 mb-3 small fw-medium" style="background:#e6f7f0; color:#0a8a55;">
                ✓ {{ session('success') }}
            </div>
        @endif

        <div class="card border-0 shadow-sm rounded-3 overflow-hidden">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0" style="font-size: 13px;">
                    <thead class="table-light border-bottom">
                        <tr>
                            <th class="text-uppercase text-secondary fw-semibold px-3 py-3" style="font-size:11px; letter-spacing:0.6px;">PO Number</th>
                            <th class="text-uppercase text-secondary fw-semibold px-3 py-3" style="font-size:11px; letter-spacing:0.6px;">Material</th>
                            <th class="text-uppercase text-secondary fw-semibold px-3 py-3" style="font-size:11px; letter-spacing:0.6px;">Qty</th>
                            <th class="text-uppercase text-secondary fw-semibold px-3 py-3" style="font-size:11px; letter-spacing:0.6px;">Total Amount</th>
                            <th class="text-uppercase text-secondary fw-semibold px-3 py-3" style="font-size:11px; letter-spacing:0.6px;">Delivery Date</th>
                            <th class="text-uppercase text-secondary fw-semibold px-3 py-3" style="font-size:11px; letter-spacing:0.6px;">Dispatch Date</th>
                            <th class="text-uppercase text-secondary fw-semibold px-3 py-3" style="font-size:11px; letter-spacing:0.6px;">Status</th>
                            <th class="text-uppercase text-secondary fw-semibold px-3 py-3" style="font-size:11px; letter-spacing:0.6px;">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($orders as $order)
                            @php
                                $badgeMap = [
                                    'pending' => ['bg' => 'warning', 'text' => 'dark'],
                                    'accepted' => ['bg' => 'success', 'text' => 'white'],
                                    'dispatched' => ['bg' => 'primary', 'text' => 'white'],
                                    'delivered' => ['bg' => 'success', 'text' => 'white'],
                                    'completed' => ['bg' => 'secondary', 'text' => 'white'],
                                    'cancelled' => ['bg' => 'danger', 'text' => 'white'],
                                ];
                                $badge = $badgeMap[$order->status] ?? $badgeMap['pending'];
                            @endphp
                            <tr>
                                <td class="px-3">
                                    <span class="font-monospace badge bg-primary bg-opacity-10 text-primary fw-medium" style="font-size:12px;">
                                        {{ $order->po_number }}
                                    </span>
                                </td>
                                <td class="px-3 fw-medium text-dark">{{ $order->material_name }}</td>
                                <td class="px-3 font-monospace text-secondary" style="font-size:12px;">{{ $order->quantity }} {{ $order->unit }}</td>
                                <td class="px-3 font-monospace fw-semibold" style="font-size:12px;">₹ {{ number_format($order->total_amount, 2) }}</td>
                                <td class="px-3 font-monospace text-secondary" style="font-size:12px;">{{ \Carbon\Carbon::parse($order->delivery_date)->format('d M Y') }}</td>
                                <td class="px-3 font-monospace text-secondary" style="font-size:12px;">
                                    {{ $order->dispatch_date ? \Carbon\Carbon::parse($order->dispatch_date)->format('d M Y') : '—' }}
                                </td>
                                <td class="px-3">
                                    <span class="badge rounded-pill bg-{{ $badge['bg'] }} text-{{ $badge['text'] }}">
                                        {{ ucfirst($order->status) }}
                                    </span>
                                </td>
                                <td class="px-3">
                                    <a href="{{ route('vendor.orders.show', $order->id) }}"
                                       class="btn btn-primary btn-sm px-3 rounded-2 fw-semibold" style="font-size:12px;">
                                        View →
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center text-muted py-5">No purchase orders found</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

    </div>

@endsection