<div>
    @if($status)
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            وضعیت سفارش شما: <strong>{{ $status }}</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @error('not_found')
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ $message }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @enderror
    <form wire:submit.prevent="check">
        <div class="mt-3">
            <label for="tracking_code">کد پیگیری سفارش</label>
            <input dir="ltr" type="text" class="form-control @error('tracking_code') is-invalid @enderror" required id="tracking_code" wire:model.defer="tracking_code">
            @error('tracking_code')
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        <div class="mt-3">
            <label for="mobile">شماره موبایل</label>
            <input dir="ltr" type="text" class="form-control @error('mobile') is-invalid @enderror" required id="mobile" wire:model.defer="mobile">
            @error('mobile')
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        <div class="mt-3 text-center">
            <button type="submit" class="btn btn-primary">وضعیت سفارش شما</button>
        </div>
    </form>
</div>