@extends('layouts.app')
@section('content')
<div class="grid">
    <div class="stat"><span>AWB</span><br><b>{{ $shipment->awb }}</b></div>
    <div class="stat"><span>Status</span><br><b>{{ $shipment->status }}</b></div>
    <div class="stat"><span>COD</span><br><b>{{ $shipment->financial?->cod_amount }}</b></div>
    <div class="stat"><span>Collection</span><br><b>{{ $shipment->financial?->collection_amount }}</b></div>
</div>
<div class="card"><h3>Shipment Info</h3><p>Customer: {{ $shipment->customer?->name }}</p><p>Receiver: {{ $shipment->receiver_name }} - {{ $shipment->receiver_phone }}</p><p>Address: {{ $shipment->address }}</p><a class="btn secondary" href="{{ route('admin.shipments.edit',$shipment) }}">Edit</a></div>
<div class="card"><h3>Financial Breakdown</h3>@if($shipment->financial)<table><tbody><tr><td>Delivery</td><td>{{ $shipment->financial->delivery_fee }}</td></tr><tr><td>Overweight</td><td>{{ $shipment->financial->overweight_fee }}</td></tr><tr><td>COD Fee</td><td>{{ $shipment->financial->cod_fee }}</td></tr><tr><td>Tax</td><td>{{ $shipment->financial->tax_amount }}</td></tr><tr><td>Total Fees</td><td>{{ $shipment->financial->total_fees }}</td></tr><tr><td>Customer Net</td><td>{{ $shipment->financial->customer_net_amount }}</td></tr></tbody></table>@endif</div>
<div class="card"><h3>Change Status</h3><form method="post" action="{{ route('admin.shipments.change-status',$shipment) }}">@csrf <label>Next Status</label><select name="status">@foreach($nextStatuses as $status)<option value="{{ $status }}">{{ $status }}</option>@endforeach</select><label>Note</label><textarea name="note"></textarea><button class="btn">Update Status</button></form></div>
<div class="card"><h3>Status Timeline</h3><table><thead><tr><th>Date</th><th>From</th><th>To</th><th>Source</th><th>Note</th></tr></thead><tbody>@foreach($shipment->statusHistories as $row)<tr><td>{{ $row->created_at }}</td><td>{{ $row->from_status }}</td><td>{{ $row->to_status }}</td><td>{{ $row->source }}</td><td>{{ $row->note }}</td></tr>@endforeach</tbody></table></div>
@endsection