@extends('layouts.app')

@section('title', 'Order #'.optional($order)->order_number)

@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('export.dashboard') }}">Export</a></li>
        <li class="breadcrumb-item"><a href="{{ route('export.orders.index') }}">Orders</a></li>
        <li class="breadcrumb-item active">{{ $order->order_number }}</li>
    </ol>
</nav>
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 mb-1 text-dark fw-semibold">{{ $order->order_number }}</h1>
        <p class="text-muted mb-0">Order for {{ $order->customer->name ?? 'N/A' }} | Created {{ $order->created_at->format('d M Y') }}</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('export.orders.edit', $order) }}" class="btn btn-outline-primary"><i class="bi bi-pencil me-1"></i> Edit</a>
        <button class="btn btn-outline-secondary" onclick="window.print()"><i class="bi bi-printer me-1"></i> Print</button>
    </div>
</div>

@include('export.orders.partials._status-timeline')

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white border-0 py-3">
        <ul class="nav nav-tabs card-header-tabs" role="tablist">
            @php $tabs = ['overview' => 'Overview', 'items' => 'Items', 'packing' => 'Packing', 'booking' => 'Booking', 'documents' => 'Documents', 'financial' => 'Financial', 'activity' => 'Activity']; @endphp
            @foreach($tabs as $key => $label)
                <li class="nav-item"><a class="nav-link {{ $loop->first ? 'active' : '' }}" data-bs-toggle="tab" href="#{{ $key }}">{{ $label }}</a></li>
            @endforeach
        </ul>
    </div>
    <div class="card-body">
        <div class="tab-content">
            <div class="tab-pane fade show active" id="overview">
                <div class="row g-4">
                    <div class="col-md-4">
                        <h6 class="fw-semibold text-muted mb-2">Order Details</h6>
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted" style="width:45%">Order #</td><td class="fw-medium">{{ $order->order_number }}</td></tr>
                            <tr><td class="text-muted">Date</td><td>{{ $order->date?->format('d M Y') ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">Buyer PO</td><td>{{ $order->buyer_po_number ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">Incoterm</td><td>{{ $order->incoterm ?? 'N/A' }}</td></tr>
                        </table>
                    </div>
                    <div class="col-md-4">
                        <h6 class="fw-semibold text-muted mb-2">Shipment Info</h6>
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted" style="width:45%">Loading Port</td><td>{{ $order->port_of_loading->name ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">Discharge Port</td><td>{{ $order->port_of_discharge->name ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">ETD</td><td>{{ optional($order->etd)->format('d M Y') ?? 'TBD' }}</td></tr>
                            <tr><td class="text-muted">ETA</td><td>{{ optional($order->eta)->format('d M Y') ?? 'TBD' }}</td></tr>
                        </table>
                    </div>
                    <div class="col-md-4">
                        <h6 class="fw-semibold text-muted mb-2">Cargo Summary</h6>
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted" style="width:45%">Quantity</td><td>{{ $order->quantity ?? 0 }} {{ $order->unit }}</td></tr>
                            <tr><td class="text-muted">Gross Weight</td><td>{{ number_format($order->gross_weight ?? 0, 3) }} MT</td></tr>
                            <tr><td class="text-muted">Volume</td><td>{{ number_format($order->volume ?? 0, 3) }} CBM</td></tr>
                            <tr><td class="text-muted">Containers</td><td>{{ $order->no_of_containers ?? 0 }} x {{ strtoupper($order->container_size ?? '') }}</td></tr>
                        </table>
                    </div>
                </div>
            </div>

            <div class="tab-pane fade" id="items">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead class="bg-light">
                            <tr><th>#</th><th>Product</th><th>Description</th><th class="text-end">Qty</th><th class="text-end">Unit Price</th><th class="text-end">Amount</th></tr>
                        </thead>
                        <tbody>
                            @forelse($order->items as $index => $item)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td class="fw-medium">{{ $item->product->name ?? 'N/A' }}</td>
                                <td>{{ $item->description }}</td>
                                <td class="text-end">{{ number_format($item->quantity, 2) }} {{ $item->unit }}</td>
                                <td class="text-end">{{ number_format($item->unit_price, 2) }}</td>
                                <td class="text-end fw-medium">{{ number_format($item->quantity * $item->unit_price, 2) }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="6" class="text-center py-3 text-muted">No items</td></tr>
                            @endforelse
                        </tbody>
                        <tfoot class="bg-light">
                            <tr><td colspan="5" class="text-end fw-bold">Total</td><td class="text-end fw-bold">{{ number_format($order->total_amount, 2) }} {{ $order->currency }}</td></tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            <div class="tab-pane fade" id="packing">
                @if($order->packingList)
                    <div class="text-center py-4"><a href="{{ route('export.packing-lists.show', $order->packingList) }}" class="btn btn-outline-primary"><i class="bi bi-eye me-1"></i>View Packing List</a></div>
                @else
                    <div class="text-center py-5 text-muted"><i class="bi bi-box-seam display-4 d-block mb-2"></i><p>No packing list created</p>
                        @if($order->status !== 'draft')<a href="{{ route('export.packing-lists.create', ['order_id' => $order->id]) }}" class="btn btn-outline-primary btn-sm mt-2"><i class="bi bi-plus me-1"></i>Create Packing List</a>@endif
                    </div>
                @endif
            </div>

            <div class="tab-pane fade" id="booking">
                @forelse($order->bookings as $booking)
                <div class="card border mb-3">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h6 class="fw-semibold mb-1">{{ $booking->booking_number ?? 'N/A' }}</h6>
                                <span class="text-muted small">{{ $booking->shippingLine->name ?? 'N/A' }} | {{ $booking->vessel_name ?? '' }} V.{{ $booking->voyage_number ?? '' }}</span>
                            </div>
                            <span class="badge bg-{{ $booking->status === 'confirmed' ? 'success' : 'secondary' }}">{{ ucfirst($booking->status) }}</span>
                        </div>
                    </div>
                </div>
                @empty
                <div class="text-center py-5 text-muted"><i class="bi bi-ship display-4 d-block mb-2"></i><p>No bookings yet</p></div>
                @endforelse
            </div>

            <div class="tab-pane fade" id="documents">
                <div class="text-muted small mb-3">Manage order documents</div>
                <div class="row g-3">
                    @foreach(['commercial_invoice' => 'Commercial Invoice', 'packing_list' => 'Packing List', 'certificate_of_origin' => 'Certificate of Origin', 'shipping_bill' => 'Shipping Bill', 'bill_of_lading' => 'Bill of Lading', 'insurance' => 'Insurance'] as $key => $label)
                    <div class="col-md-4">
                        <div class="card border h-100">
                            <div class="card-body d-flex justify-content-between align-items-center">
                                <div><i class="bi bi-file-earmark-text text-muted me-2"></i><span class="fw-medium">{{ $label }}</span></div>
                                @if(isset($order->documents[$key]))
                                    <a href="#" class="btn btn-sm btn-outline-success"><i class="bi bi-check"></i></a>
                                @else
                                    <a href="#" class="btn btn-sm btn-outline-primary"><i class="bi bi-plus"></i></a>
                                @endif
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>

            <div class="tab-pane fade" id="financial">
                <div class="row g-4">
                    <div class="col-md-6">
                        <h6 class="fw-semibold text-muted mb-3">Payment Summary</h6>
                        <table class="table table-sm">
                            <tr><td>Order Value</td><td class="text-end fw-medium">{{ number_format($order->total_amount, 2) }} {{ $order->currency }}</td></tr>
                            <tr><td>Received</td><td class="text-end text-success fw-medium">{{ number_format($order->received_amount ?? 0, 2) }}</td></tr>
                            <tr><td>Balance</td><td class="text-end text-danger fw-medium">{{ number_format($order->total_amount - ($order->received_amount ?? 0), 2) }}</td></tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <h6 class="fw-semibold text-muted mb-3">Expenses</h6>
                        <table class="table table-sm">
                            @forelse($order->expenses as $exp)
                            <tr><td>{{ $exp->description }}</td><td class="text-end">{{ number_format($exp->amount, 2) }}</td></tr>
                            @empty
                            <tr><td colspan="2" class="text-center text-muted py-3">No expenses recorded</td></tr>
                            @endforelse
                        </table>
                    </div>
                </div>
            </div>

            <div class="tab-pane fade" id="activity">
                @forelse($order->activities ?? [] as $activity)
                <div class="d-flex mb-3">
                    <div class="flex-shrink-0 me-3"><div class="bg-primary-subtle rounded-circle d-flex align-items-center justify-content-center" style="width:32px;height:32px"><i class="bi bi-circle-fill text-primary" style="font-size:6px"></i></div></div>
                    <div><p class="mb-1">{{ $activity->description }}</p><small class="text-muted">{{ $activity->created_at->diffForHumans() }} by {{ $activity->user->name ?? 'System' }}</small></div>
                </div>
                @empty
                <div class="text-center py-4 text-muted">No activity recorded</div>
                @endforelse
            </div>
        </div>
    </div>
</div>
@endsection