@if($item['enable']==true)
<div class="text-sm" id="box-{{ $item['name'] }}">

    <div class="m-2 flex items-center">
        <input type="radio" id="{{ $item['name'] }}" name="shipping_type" value="{{ $item['name'] }}"
            data-amount="{{ $item['data_amount'] }}" data-amount-text="{{ $item['data_amount_text'] }}"
            x-model="currentType" {{ $item['enable']==false ? 'disabled' : '' }}>
        <input type="hidden" id="transport_type_{{ $item['name'] }}" value="{{ $item['min_transport_type'] }}">
        @isset($item['logo'])
        <img src="/img-new1400/{{ $item['logo'] }}" class="mx-2">
        @endisset
        <label for="{{ $item['name'] }}">
            {{ $item['title'] }}
            <span class="text-blue-700" id="bdgShippingAmount-{{ $item['name'] }}">{{ $item['show_price'] }}</span>

            <div class="text-xs text-gray-600 pr-2">
                {{ $item['description'] }}
            </div>

        </label>
    </div>

    <div x-show="currentType === '{{ $item['name'] }}'">
        @if(count($item['dates']) > 0)
        <div class="flex my-4 p-1 shadow-md border rounded justify-between items-center">

            <button type="button" class="flex text-sm text-blue-600 my-4 items-center justify-end">
                <img class="h-3 px-2 " src="/svgs-new1400/angle-right.svg">
            </button>

            @foreach ($item['dates'] as $date)
            <label class="md:flex cursor-pointer" x-on:click="currentDateIndex = {{ $loop->index }};">
                <input type="radio" class="hidden peer" name="{{ $item['name'] }}_selected_date">
                <div class="peer-checked:text-blue-400">
                    <div class="text-center">{{ $date['weekday'] }}</div>
                    <div class="text-center text-xs text-gray-600">{{ $date['day_month'] }}</div>
                </div>
            </label>

            @endforeach

            <button type="button" class="flex text-sm text-blue-600 my-4 items-center justify-end">
                <img class="h-3 px-2 " src="/svgs-new1400/angle-left.svg">
            </button>

        </div>
        @endif

        @foreach ($item['dates'] as $date)
        <div x-show="currentDateIndex == {{ $loop->index }}"
            class="flex my-4 p-1 shadow-md border rounded justify-between items-center">

            <button type="button" class="flex text-sm text-blue-600 my-4 items-center justify-end">
                <img class="h-3 px-2 " src="/svgs-new1400/angle-right.svg">
            </button>

            @isset($date['times'] )
            @foreach ($date['times'] as $time)
            <label class="md:flex {{  $time['enable'] ? 'cursor-pointer' : '' }}">
                <input type="radio" class="hidden peer" value="{{ $time['value'] }}"
                    name="{{ $item['name'] }}_selected_time" {{ $time['enable']==false ? 'disabled' : '' }}>
                <div class="peer-checked:text-blue-400">{{ $time['title'] }}</div>
            </label>
            @endforeach
            @endisset

            <button type="button" class="flex text-sm text-blue-600 my-4 items-center justify-end">
                <img class="h-3 px-2 " src="/svgs-new1400/angle-left.svg">
            </button>

        </div>
        @endforeach
    </div>

</div>
@endif