<!-- request-area -->
<div class="request__area" x-data="track">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="request__wrap">
                    <div class="request__nav">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="track-tab" data-bs-toggle="tab"
                                    data-bs-target="#track-tab-pane" type="button" role="tab"
                                    aria-controls="track-tab-pane" aria-selected="false"><i
                                        class="flaticon-send"></i>Track & Trace</button>
                            </li>
                        </ul>
                    </div>
                    <div class="request__tab-wrap">
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane show active" id="track-tab-pane" role="tabpanel"
                                aria-labelledby="track-tab" tabindex="0">
                                <form method="post" @submit.prevent="track" class="request__form">
                                    <template x-show="errors.length" x-for="error in errors" x-cloak>
                                        <div class="alert alert-danger">
                                            <span class="fw-bold" x-text="error"></span>
                                        </div>
                                    </template>

                                    <span class="title">Tracking Number</span>
                                    <div class="form-grp">
                                        <input type="text" name="field_name" placeholder="Your Tracking Code"
                                            x-model="tracking_code" required />
                                    </div>
                                    <x-widgets.alpine.action-button text="Track & Trace" />
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- request-area-end -->