<?php $__env->startSection('title', 'Track Shipment'); ?>

<?php $__env->startSection('content'); ?>
<div class="max-w-7xl mx-auto py-12 px-4">
    <div class="max-w-3xl mx-auto">
        <h1 class="text-4xl font-bold text-gray-900 mb-8 text-center">Track Your Shipment</h1>

        <div class="bg-white shadow rounded-lg p-6 mb-8">
            <form action="<?php echo e(route('track.shipment')); ?>" method="POST" class="space-y-6">
                <?php echo csrf_field(); ?>
                <div>
                    <label for="tracking_number" class="block text-sm font-medium text-gray-700">
                        Enter Tracking Number
                    </label>
                    <input type="text" name="tracking_number" id="tracking_number" required
                           class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
                           placeholder="e.g., SHIP0000123">
                </div>

                <div>
                    <button type="submit"
                            class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                        Track Shipment
                    </button>
                </div>
            </form>
        </div>

        <div class="bg-gray-50 rounded-lg p-6">
            <h2 class="text-xl font-semibold text-gray-900 mb-4">How to Track Your Shipment</h2>
            <div class="space-y-4">
                <div class="flex items-start">
                    <div class="flex-shrink-0">
                        <div class="flex items-center justify-center h-8 w-8 rounded-full bg-indigo-600 text-white">1</div>
                    </div>
                    <div class="ml-4">
                        <p class="text-gray-600">Enter your tracking number in the field above</p>
                    </div>
                </div>
                <div class="flex items-start">
                    <div class="flex-shrink-0">
                        <div class="flex items-center justify-center h-8 w-8 rounded-full bg-indigo-600 text-white">2</div>
                    </div>
                    <div class="ml-4">
                        <p class="text-gray-600">Click the "Track Shipment" button</p>
                    </div>
                </div>
                <div class="flex items-start">
                    <div class="flex-shrink-0">
                        <div class="flex items-center justify-center h-8 w-8 rounded-full bg-indigo-600 text-white">3</div>
                    </div>
                    <div class="ml-4">
                        <p class="text-gray-600">View your shipment's current location and status</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontend.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/test/public_html/resources/views/frontend/track.blade.php ENDPATH**/ ?>