<div class="col-md-6 mt-1">
    <label class="fw-bold my-2">Date Sent</label>
    <x-form.input name="tracking_form.date_sent" wire:model="tracking_form.date_sent" x-flatpickr />
</div>

<div class="col-md-6 mt-1">
    <label class="fw-bold my-2">Date Expected</label>
    <x-form.input name="tracking_form.date_expected" wire:model="tracking_form.date_expected" x-flatpickr />
</div>

<div class="col-md-6 mt-1">
    <label class="fw-bold my-2">Progress({{$tracking_form->progress}}%)</label>
    <x-form.input name="tracking_form.progress" wire:model.live="tracking_form.progress" type="range" step=10 min=0 max=100 />
</div>

<div class="col-md-6 mt-1">
    <label class="fw-bold my-2">Current Location</label>
    <x-widgets.country-select name="tracking_form.current_location"  wire:model="tracking_form.current_location" />
</div>