@extends('front.layouts.app', ['title' => 'Order Tracking'])

@section('content')
@include('front.layouts.app-header')

<section class="track_order_sec" style="background: url({{asset('images/track_bg.jpg')}}) center / cover fixed no-repeat;">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="section_title">
                    <h2>Track Your Order</h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, dicta?

</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col col-12">
                <div class="track_form_wrap">
                    <form action="">
                        <div class="row">
                            <div class="col col-3">
                                <div class="c_filed">
                                    <label for="">Order Number</label>
                                    <input class="" type="text" name="order_number" placeholder="e.g. 236589" autofocus="" required="">
                                </div>
                            </div>
                            <div class="col col-3">
                                <div class="c_filed">
                                    <label for="">Your Email</label>
                                    <input class="" type="email" name="order_number" placeholder="e.g. john@mail.com" autofocus="" required="">
                                </div>
                            </div>
                            <div class="col col-3">
                                <div class="c_filed">
                                    <label for="">Billing Zip Code</label>
                                    <input class="" type="text" name="order_number" placeholder="e.g. 123456" autofocus="" required="">
                                </div>
                            </div>
                            <div class="col col-3">
                                <div class="c_filed">
                                    <label for="">&nbsp;</label>
                                    <input type="submit">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col col-12">
                <div class="track_order_status_box">
                    <div class="od_status_box_wrap card">
                        <div class="od_status_item">
                            <ul class="od_status_box" id="">
                                <li class=" current ">
                                    <label for="">Pending :</label>
                                    <span>07-02-2021 09:31</span>
                                </li>
                            </ul>
                        </div>
                        <div class="od_status_item">
                            <ul class="od_status_box" id="">
                                <li class=" current ">
                                    <label for="">Pending :</label>
                                    <span>07-02-2021 09:31</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@include('front.layouts.app-footer')
@endsection