@extends('front.include.app')

@section('content')
<div class="container" style="max-width: 600px; margin: 2rem auto;">
    <h2 class="mb-4 text-center">Track Your Order</h2>

    <form method="POST" action="{{ route('order_tracking') }}">
        @csrf
        <div class="form-group">
            <label for="ship_code">Enter Ship Code:</label>
            <input type="text" name="ship_code" id="ship_code" class="form-control" required>
            @error('ship_code')
                <div class="text-danger">{{ $message }}</div>
            @enderror
        </div>
        <button class="hemeBtn mt-2">Track Order</button>
    </form>

    @isset($shipment)
        <hr>
        <h4>Shipment Details</h4>
        <ul>
            <li><strong>Ship Code:</strong> {{ $shipment['ship_code'] }}</li>
            <li><strong>Destination:</strong> {{ $shipment['destination'] }}</li>
            <li><strong>Service:</strong> {{ $shipment['service'] }}</li>
            <li><strong>Status:</strong> {{ $status }}</li>
            <li><strong>Tracking Link:</strong>
                <a href="{{ $shipment['url'] }}" target="_blank">{{ $shipment['url'] }}</a>
            </li>
        </ul>
    @endisset
</div>
@endsection