@extends('layouts.trackpage')

@section('title', 'Tracking')

@section('content')


<div class="w-100">
    <div class="container-fluid">
        <!-- axelit Comming Soon start -->
        <div class="row">
            <div class="p-0 col-12">
                <div class="coming-soon">
                    <div class="p-5 coundown-timmer">
                        <div class="content">
                            <h2 class="text-dark">Track your Goods</h2>
                        </div>
                        {{-- <div class="timmer-content">
                            <div class=" numbers">
                                <span class="" id="days">00</span>
                                <span>Days</span>
                            </div>
                            <span>:</span>
                            <div class="numbers">
                                <span class="" id="hours">00</span>
                                <span>Hours</span>
                            </div>
                            <span>:</span>
                            <div class="numbers">
                                <span class="" id="minutes">00</span>
                                <span>Minutes</span>
                            </div>
                            <span>:</span>
                            <div class="numbers">
                                <span class="" id="seconds">00</span>
                                <span>Second</span>
                            </div>
                        </div> --}}

                        <p class="mt-4 font-coming-p f-w-500">Enter Tracking Number:</p>

                        <div class="mt-2 mb-3 app-form rounded-control">
                            <form action="{{ route('track.show') }}" method="POST">
                                @csrf
                                <div class="flex-wrap gap-2 d-flex align-items-center justify-content-center">
                                    <input class="text-center form-control form-control-lg coming-soon-input"
    id="tracking_number" name="tracking_number"
       placeholder="Enter Tracking Number or Order ID"
       type="text"
       required>

                                    <button class="btn btn-light-primary btn-xl" type="submit">Open</button>
                                </div>
                            </form>
                        <div class="mt-3 copy-right-section">
                            {{-- <p class="mb-0 f-w-500 f-s-18">Copyright © 2025 axelit. All rights reserved <a
                                    class="f-w-600 text-primary-dark"
                                    href="#">
                                    V1.0.0 </a> ✨</p> --}}

                        </div>


                    </div>
                </div>
            </div>
        </div>
        <!-- axelit Comming Soon end -->
    </div>
</div>

@endsection