@extends('layouts.app')
@section('title', 'Booking Details')

@section('page-wrapper')
    <div class="page-header d-print-none">
        <div class="container-fluid">
            <div class="row g-2 align-items-center">
                <div class="col">
                    <!-- Breadcrumb -->
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{ route('dashboard') }}">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                                        viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                                        stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                        <path d="M5 12l-2 0l9 -9l9 9l-2 0" />
                                        <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
                                        <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
                                    </svg>
                                    Dashboard
                                </a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="{{ route('bookings.index') }}">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round"
                                        class="icon icon-tabler icons-tabler-outline icon-tabler-brand-booking">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                        <path
                                            d="M4 18v-9.5a4.5 4.5 0 0 1 4.5 -4.5h7a4.5 4.5 0 0 1 4.5 4.5v7a4.5 4.5 0 0 1 -4.5 4.5h-9.5a2 2 0 0 1 -2 -2z" />
                                        <path d="M8 12h3.5a2 2 0 1 1 0 4h-3.5v-7a1 1 0 0 1 1 -1h1.5a2 2 0 1 1 0 4h-1.5" />
                                        <path d="M16 16l.01 0" />
                                    </svg>
                                    Booking
                                </a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Detail</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <!-- Page Body -->
    <div class="page-body">
        <div class="container-fluid">
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="card mb-3">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col-md-6">
                                    <div class="d-flex py-1 align-items-center" bis_skin_checked="1">
                                        <span class="avatar me-2 rounded-circle flex-shrink-0"
                                            style="background-image: url({{ asset('storage/' . $booking->CourierSetups->courier->logo) }})"></span>
                                    </div>
                                    <div class="col">
                                        <h5 class="mb-1 fw-bold text-dark">
                                            {{ $booking->Couriers->name }}
                                        </h5>
                                        <p class="mb-0 text-muted small">
                                            {{ $booking->CourierSetups->business_name }}
                                            <span
                                                class="text-primary fw-semibold">({{ $booking->CourierSetups->account_type }})</span>
                                        </p>
                                        <div class="mt-2">
                                            <div class="text-muted small">
                                                <strong>Origin Pincode:</strong> {{ $booking['warehouse']->pin }}
                                            </div>
                                            <div class="text-muted small">
                                                <strong>Delivery Pincode:</strong> {{ $booking->deliveryareapincode }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card ">
                        <div class="card-body">
                            <h5 class="card-title">Sender Details</h5>
                            <p><strong>{{ $booking->sender_name }}</strong><br />
                                {{ $booking->sender_address }}, {{ $booking->senderCity->CityName ?? '' }},
                                {{ $booking->senderState->StateName ?? '' }}, {{ $booking->sender_pincode ?? '' }} <br />
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                    stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-phone">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path
                                        d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" />
                                </svg> {{ $booking->sender_mobile }}
                            </p>
                            <hr>
                            <h5 class="card-title">Receiver Details</h5>
                            <p><strong>{{ $booking->receiver_name ?? 'N/A' }}</strong><br />
                                {{ $booking->receiver_address ?? '' }}, {{ $booking->receiverCity->CityName ?? '' }},
                                {{ $booking->receiverState->StateName ?? '' }}, {{ $booking->receiver_pincode ?? '' }}
                                <br />
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                    stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-phone">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path
                                        d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" />
                                </svg> {{ $booking->receiver_mobile }}
                            </p>
                        </div>
                    </div>
                    <div class="card mt-3">
                        <div class="card-body">
                            <h5 class="card-title">Package Details</h5>
                            @if (!empty($booking->dimension) && count($booking->dimension))
                                <div class="table-responsive">
                                    @if ($booking->booking_type === 'B2B')
                                        <table class="table table-bordered table-sm">
                                            <thead class="table-light">
                                                <tr>
                                                    <th>#</th>
                                                    <th>No of Boxes</th>
                                                    <th>Eway Bill</th>
                                                    <th>Invoice No</th>
                                                    <th>Invoice Amount</th>
                                                    <th>Dimensions (L×W×H in cm)</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($booking->dimension as $index => $dimension)
                                                    <tr>
                                                        <td>{{ $index + 1 }}</td>
                                                        <td>{{ $dimension['box_count'] ?? '-' }}</td>
                                                        <td>{{ $dimension['eway_bill'] ?? '-' }}</td>
                                                        <td>{{ $dimension['inv_num'] ?? '-' }}</td>
                                                        <td>{{ $dimension['inv_amt'] ?? '-' }}</td>
                                                        <td>
                                                            {{ $dimension['length_cm'] ?? 'N/A' }} ×
                                                            {{ $dimension['width_cm'] ?? 'N/A' }} ×
                                                            {{ $dimension['height_cm'] ?? 'N/A' }}
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    @else
                                        <table class="table table-bordered table-sm">
                                            <thead class="table-light">
                                                <tr>
                                                    <th>#</th>
                                                    <th>Dimensions (L×W×H in cm)</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($booking->dimension as $index => $dimension)
                                                    <tr>
                                                        <td>{{ $index + 1 }}</td>
                                                        <td>
                                                            {{ $dimension['length_cm'] ?? 'N/A' }} ×
                                                            {{ $dimension['width_cm'] ?? 'N/A' }} ×
                                                            {{ $dimension['height_cm'] ?? 'N/A' }}
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    @endif
                                </div>
                            @else
                                <p class="text-muted">No dimensions available.</p>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">LR Details</h5>
                            <p><strong>LR Number:</strong> {{ $booking->airway_number }}</p>
                            @if ($booking->shipment_weight)
                                <p><strong>Shipment Weight:</strong>
                                    <span>{{ $booking->shipment_weight ?? 'N/A' }}</span>
                                </p>
                            @endif
                            @if ($booking->shipment_total_box_count)
                                <p><strong>Shipment Box Count:</strong>
                                    <span>{{ $booking->shipment_total_box_count ?? 'N/A' }}</span>
                                </p>
                            @endif
                            @if ($booking->shipment_description)
                                <p><strong>Shipment Description:</strong>
                                    <span>{{ $booking->shipment_description ?? 'N/A' }}</span>
                                </p>
                            @endif
                            @if ($booking->freight_mode)
                                <p><strong>Freight Mode:</strong> <span>{{ $booking->freight_mode ?? 'N/A' }}</span>
                                </p>
                            @endif
                            @if ($booking->rov_insurance)
                                <p><strong>Insurance:</strong>
                                    <span>{{ $booking->rov_insurance ? 'Delivery' : 'Owner' }}</span>
                                </p>
                            @endif
                            @if ($booking->shipment_type)
                                <p><strong>Shipment Type:</strong> <span>{{ $booking->shipment_type ?? 'N/A' }}</span>
                                </p>
                            @endif
                            @if ($booking->date)
                                <p><strong>Date:</strong>
                                    <span>{{ \Carbon\Carbon::parse($booking->date)->format('d M Y') ?? 'N/A' }}</span>
                                </p>
                            @endif
                            <div class="fw-bold">
                                Total Cost: ₹{{ $booking->booking_amount ? $booking->booking_amount : 0 }}
                            </div>
                        </div>
                    </div>
                    <div class="card mt-3">
                        <div class="card-body">
                            <h5 class="card-title">Warehouse Details</h5>
                            <p><strong>{{ $booking['warehouse']->name ?? 'N/A' }}</strong><br />
                                {{ $booking['warehouse']->address ?? '' }},
                                {{ $booking['warehouse']->city->CityName ?? '' }},
                                {{ $booking['warehouse']->state->StateName ?? '' }},
                                {{ $booking['warehouse']->pin ?? '' }}
                                <br />
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                    stroke-linecap="round" stroke-linejoin="round"
                                    class="icon icon-tabler icons-tabler-outline icon-tabler-phone">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path
                                        d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" />
                                </svg> {{ $booking['warehouse']->phone }}
                            </p>
                        </div>
                    </div>
                    @if ($booking->booking_type === 'B2B')
                        <div class="card mt-3">
                            <div class="card-body">
                                <h5 class="card-title">Documents Details</h5>
                                <div class="fw-bold">
                                    <div class="d-flex flex-row flex-wrap gap-3 overflow-auto">
                                        @foreach ($booking->bookingDocuments as $doc)
                                            <a href="{{ asset('storage/' . $doc->document) }}" target="_blank">
                                                <div class="card shadow-sm border text-center"
                                                    style="width: 115px; min-width: 115px;">
                                                    <div class="card-body p-2">
                                                        <img src="{{ asset('storage/' . $doc->document) }}"
                                                            alt="Document" class="img-fluid rounded"
                                                            style="height: 100px; object-fit: cover;" />
                                                        <small class="d-block mt-2 text-muted">View Document</small>
                                                    </div>
                                                </div>
                                            </a>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    @endsection