@once
@push('style_section')
<style>
    .listing-promotion-duration {
        margin-top: 12px;
    }

    .listing-promotion-duration__label {
        display: block;
        margin-bottom: 6px;
        font-size: 13px;
        font-weight: 600;
        color: #64748b;
    }

    .listing-promotion-duration__select {
        font-size: 14px;
    }
</style>
@endpush
@endonce

@php
    $durationOptions = $option['duration_options'] ?? [];
    $defaultDuration = (int) ($option['default_duration'] ?? listing_promotion_default_duration());
    $selectedDuration = (int) old('promotion_durations.'.$option['type'], $defaultDuration);
@endphp

@if ($durationOptions !== [] && ($option['selectable'] ?? false))
    <div class="listing-promotion-duration" data-promotion-duration-wrap="{{ $option['type'] }}">
        <label class="listing-promotion-duration__label" for="promotion_duration_{{ $option['type'] }}">
            {{ __('translate.Promotion duration') }}
        </label>
        <select
            class="form-select listing-promotion-duration__select"
            name="promotion_durations[{{ $option['type'] }}]"
            id="promotion_duration_{{ $option['type'] }}"
            data-promotion-duration-select
            data-promotion-type="{{ $option['type'] }}"
            disabled
        >
            @foreach ($durationOptions as $durationOption)
                @if ($durationOption['is_configured'] ?? false)
                    <option
                        value="{{ $durationOption['days'] }}"
                        data-price-label="{{ $durationOption['price_label'] }}"
                        data-is-free="{{ ($durationOption['is_free'] ?? false) ? '1' : '0' }}"
                        data-can-use-package="{{ ($durationOption['can_use_package'] ?? false) ? '1' : '0' }}"
                        @selected($selectedDuration === (int) $durationOption['days'])
                    >
                        {{ $durationOption['option_label'] ?? promotion_duration_label($durationOption['days']).' — '.$durationOption['price_label'] }}
                    </option>
                @endif
            @endforeach
        </select>
    </div>
@endif