@extends('front.layout.master')
@section('stylesheet')
    <!--  <link rel="stylesheet" type="text/css" href="{{ url('/css/app.css') }}"/> -->
@endsection
@section('title', 'Track order | ')
@section('body')
    <style>
        .title-tag {
            margin-top: 2px;
            text-align: left;
            margin-top: 5px;
        }

        h2 {
            display: block;
        }

        .title-tag .inner-top-ss span {
            text-align: left;
        }

        .checkout-page-button {
            background-color: #be974a;
            color: #fff;
            margin-top: 6px;
            margin-bottom: 6px;

        }

        .checkout-page-button:hover,
        .checkout-page-button:focus {
            background-color: #be974a;
            color: #fff;
        }

        .breadcrumb-inner .list-unstyled {
            display: flex;
        }

    </style>
    <!-- content begin -->
    <div class="no-bottom no-top">
        <div class="spacer-single"></div>
        <section id="section-hero" class="gy-bg no-bottom" aria-label="section" class="section_mt">
            <div class="container">
                <div id="trackorder">
                    <track-order :trackid="'{{ app('request')->input('trackingid') }}'"></track-order>
                </div>
            </div>
        </section>
    </div>
    <!-- content close -->


@endsection
@section('script')
    <script>
        var baseURL = @json(url('/'));
    </script>
    <script src="{{ url('js/trackorder.js') }}"></script>
    <!-- Javascript Files
    ================================================== -->

@endsection