@extends('layouts.master')

@section('title', 'Accueil')

@section('content')

    <!-- section start -->
    <section class="layout-pt-xl layout-pb-xs">
        <!-- container start -->
        <div class="container">

            <!-- row start -->
            <div class="row">
                <div class="col-xl-9 offset-xl-1 col-lg-11">
                    <div class="sectionHeading -lg">
                        <h1 class="sectionHeading__title leading-sm">
                            Suivre ma commande
                        </h1>
                    </div>
                </div>
            </div>
            <!-- row end -->

            <!-- row start -->
            <div class="row justify-content-center">
                <div class="col-xl-10">
                    <div class="sectionHeading -sm">
                        <p class="text-black leading-md mt-12">
                            Les informations de votre commande vous ont été transmises par e-mail.
                        </p>
                    </div>
                </div>

                <div class="w-1/1"></div>

                <div class="col-xl-10 mt-48 sm:mt-32">
                    <div class="contact-form -type-1">
                        <form class="row x-gap-40 y-gap-32" method="POST" action="{{route('order-follow-action')}}">
                            @csrf
                            <div class="col-lg-6">
                                <label class="js-input-group">
                                    Nom de famille
                                    <input type="text" name="order-track-name" data-required>
                                    <span class="form__error"></span>
                                </label>
                            </div>

                            <div class="col-lg-6">
                                <label class="js-input-group">
                                    Numéro de commande
                                    <input type="text" name="order-track-id" data-required>
                                    <span class="form__error"></span>
                                </label>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="button -md -black text-white">
                                    Rechercher
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- row end -->

        </div>
        <!-- container end -->
    </section>
    <!-- section end -->

    @if ($searchAction == true)
        @include('shop.partials.order-track-info')
    @endif

@endsection