@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Track Shipment</h1>
    
    <div class="row mb-4">
        <div class="col-md-6">
            <form action="{{ route('shipments.track') }}" method="GET">
                <div class="input-group">
                    <input type="text" class="form-control" name="tracking_number" placeholder="Enter tracking number" value="{{ request('tracking_number') }}">
                    <button class="btn btn-primary" type="submit">Track</button>
                </div>
            </form>
        </div>
    </div>
    
    @if(isset($shipment))
    <div class="card">
        <div class="card-header">
            <h5>Shipment Details - {{ $shipment->tracking_number }}</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <p><strong>Status:</strong> <span class="badge bg-primary">{{ ucfirst($shipment->status) }}</span></p>
                    <p><strong>Origin:</strong> {{ $shipment->origin_country }}</p>
                    <p><strong>Destination:</strong> {{ $shipment->destination_country }}</p>
                </div>
                <div class="col-md-6">
                    <p><strong>Weight:</strong> {{ $shipment->weight }} kg</p>
                    <p><strong>Expected Delivery:</strong> {{ $shipment->expected_delivery_date ?? 'TBD' }}</p>
                    <p><strong>Actual Delivery:</strong> {{ $shipment->actual_delivery_date ?? 'Pending' }}</p>
                </div>
            </div>
        </div>
    </div>
    @elseif(request('tracking_number'))
    <div class="alert alert-warning">
        No shipment found with tracking number: {{ request('tracking_number') }}
    </div>
    @endif
</div>
@endsection