@extends('user.layouts.app')
@section('title', 'Approved Bookings')

@section('content')
<div class="container py-4">
    <div class="mb-4">
        <h1>Approved Bookings</h1>
        <p>Review your booking requests. Pay only if approved and not yet paid.</p>
    </div>

    @if($requests->count() > 0)
        <div class="row g-4">
            @foreach($requests as $req)
                @php
                    $quote   = $req->quote;
                    $resp    = $quote->tqlResponses->last();
                    $carrier = $req->carrier_data;               // <-- JSON column
                    $total   = $req->total_amount;

                    $status      = $req->status;
                    $isPending   = $status === 'pending';
                    $isApproved  = in_array($status, ['approved', 'auto_approved']);
                    $isRejected  = $status === 'rejected';
                    $isPaid      = $req->payment && $req->payment->payment_status === 'completed';

                    // Find carrier index for the “Pay Now” form
                    $carrierIndex = collect($resp?->response['content']['carrierPrices'] ?? [])
                        ->search(fn($c) =>
                            ($c['carrier'] ?? '') === ($carrier['carrier'] ?? '') &&
                            (float)($c['customerRate'] ?? 0) === (float)($carrier['customerRate'] ?? 0)
                        );
                @endphp

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm {{ $isRejected ? 'border-danger' : '' }}">
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-3">
                                <span class="badge
                                    {{ $isPending ? 'bg-warning' :
                                       ($isApproved ? 'bg-success' :
                                       ($isRejected ? 'bg-danger' : 'bg-secondary')) }}">
                                    {{ ucfirst(str_replace('_', ' ', $status)) }}
                                </span>
                                <small class="text-muted">
                                    {{ $req->created_at->format('M d, Y') }}
                                </small>
                            </div>

                            <h5>#{{ $quote->id }}</h5>

                            <div class="mb-2">
                                <strong>Route:</strong><br>
                                @if($quote->pickupDetail && $quote->deliveryDetail)
                                    <span class="text-success">
                                        {{ $quote->pickupDetail->city }}, {{ $quote->pickupDetail->state }}
                                    </span>
                                    →
                                    <span class="text-danger">
                                        {{ $quote->deliveryDetail->city }}, {{ $quote->deliveryDetail->state }}
                                    </span>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </div>

                            <div class="mb-2">
                                <strong>Carrier:</strong> {{ $carrier['carrier'] ?? '—' }}
                                @if($carrier['isPreferred'] ?? false)
                                    <span class="badge bg-warning ms-1">Preferred</span>
                                @endif
                            </div>

                            @if($isRejected && $req->admin_note)
                                <div class="alert alert-danger small py-1 mb-2">
                                    {{ $req->admin_note }}
                                </div>
                            @endif

                            <div class="border-top pt-3">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div>
                                        <strong class="text-success fs-5">
                                            ${{ number_format($total, 2) }}
                                        </strong>
                                        <small class="d-block text-muted">Total</small>
                                    </div>

                                    {{-- 1. Already Paid --}}
                                    @if($isPaid)
                                        <span class="badge bg-success fs-6">Paid</span>

                                    {{-- 2. Approved (incl. auto-approved) AND NOT paid --}}
                                    @elseif($isApproved && $carrierIndex !== false)
                                        <form action="{{ route('quotes.payment.form', encrypt($quote->id)) }}"
                                              method="POST" class="d-inline">
                                            @csrf
                                            <input type="hidden" name="selected_carrier_index"
                                                   value="{{ $carrierIndex }}">
                                            <button type="submit"
                                                    class="btn btn-success btn-sm">
                                                Pay Now
                                            </button>
                                        </form>

                                    {{-- 3. Pending --}}
                                    @elseif($isPending)
                                        <button class="btn btn-outline-secondary btn-sm" disabled>
                                            Pending
                                        </button>

                                    {{-- 4. Rejected --}}
                                    @elseif($isRejected)
                                        <button class="btn btn-outline-danger btn-sm" disabled>
                                            Rejected
                                        </button>

                                    {{-- 5. Fallback --}}
                                    @else
                                        <button class="btn btn-outline-secondary btn-sm" disabled>
                                            Not Available
                                        </button>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @else
        <div class="text-center py-5">
            <img src="{{ asset('assets/images/empty.svg') }}" width="100"
                 class="mb-3 opacity-50">
            <h4>No requests yet</h4>
            <p>Create a quote to get started.</p>
            <a href="{{ route('quotes.index') }}" class="btn btn-primary">View Quotes</a>
        </div>
    @endif
</div>
@endsection