@extends('layouts.public-layout-pizzakadi')

@section('content')
    <div class="row d-flex justify-content-center">
        <div class="text-center  fs-4 mt-5">
            <div class="card mw-500px text-center mx-auto">
                <div class="card-body">
                    <form method="POST" action="{{ route('public.submit_track_order') }}">
                        @csrf
                        <div class="mb-4">

                            <div class="input-group">
                                <span class="input-group-text" id="basic-addon1">
                                    <span class="text-muted">#</span>
                                </span>
                                <input type="number"
                                       name="order_number"
                                       value="{{ old('order_number') }}"
                                       class="form-control form-control-solid"
                                       placeholder="N° de votre commande"
                                       aria-label="ID Commande" required>
                            </div>
                        </div>

                        <div class="mb-3">

                            <div class="input-group">
                                <span class="input-group-text" id="basic-addon1">
                                    <span class="fa fa-phone-alt text-muted"></span>
                                </span>
                                <input type="tel"
                                       name="client_phone"
                                       value="{{ old('client_phone') }}"
                                       class="form-control form-control-solid"
                                       placeholder="N° de téléphone"
                                       aria-label="Phone" required>
                            </div>
                        </div>

                        <div class="mb-3">
                            <button class="btn btn-primary">Soumettre</button>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection