@php
    $invoicePreview = \App\Services\InvoiceNumberService::preview($setting ?? null);
@endphp
<section class="track-section" data-section="track">
    <div class="container text-center">
        <h3><i class="fas fa-search-location me-2"></i>Order Tracking</h3>
        <p class="text-muted mt-1">Invoice number বা mobile number দিয়ে অর্ডার track করুন</p>

        <ul class="nav nav-pills justify-content-center mb-3 gap-2 ot-track-tabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" data-bs-toggle="pill" data-bs-target="#home-track-phone" type="button">Mobile No</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" data-bs-toggle="pill" data-bs-target="#home-track-invoice" type="button">Invoice No</button>
            </li>
        </ul>

        <div class="tab-content">
            <div class="tab-pane fade show active" id="home-track-phone">
                <div class="track-form">
                    <input id="trackInputHomePhone" class="bd-phone-input" placeholder="01XXXXXXXXX" maxlength="11" inputmode="numeric">
                    <button type="button" onclick="runOrderTracking({mode:'phone', value:document.getElementById('trackInputHomePhone').value, resultEl:'trackResultHome'})">Track</button>
                </div>
            </div>
            <div class="tab-pane fade" id="home-track-invoice">
                <div class="track-form">
                    <input id="trackInputHomeInvoice" placeholder="Invoice No (e.g. {{ $invoicePreview ?? 'INV-0001' }})">
                    <button type="button" onclick="runOrderTracking({mode:'invoice', value:document.getElementById('trackInputHomeInvoice').value, resultEl:'trackResultHome'})">Track</button>
                </div>
            </div>
        </div>

        <div id="trackResultHome" class="ot-track-result text-start mx-auto"></div>
    </div>
</section>

<script src="{{ asset('js/bd-phone.js') }}?v={{ @filemtime(public_path('js/bd-phone.js')) }}"></script>
<script src="{{ asset('js/order-tracking.js') }}?v={{ @filemtime(public_path('js/order-tracking.js')) }}"></script>