@if (! $cart->items->isEmpty())
<section class="zt-cart-products-card">
    <div class="zt-cart-products-list">
        @foreach ($cart->items as $item)
            @php
                $isHosting = $item->item_type === 'hosting';
                $isPricedDomain = in_array($item->item_type, ['domain_register', 'domain_transfer'], true);
                $isDomain = str_starts_with((string) $item->item_type, 'domain_');
                $product = $isHosting ? $pricing->findProductByPid((int) $item->api_pid, $cart->currency) : null;
                $cycles = $product['available_cycles'] ?? [];
                $preferredCycleKeys = ['monthly', 'annually', 'biennially', 'triennially'];
                $termCycles = array_intersect_key($cycles, array_flip($preferredCycleKeys));

                // Preserve an existing non-standard term while hiding the old
                // quarterly/semiannual dropdown options for normal selection.
                if ($isHosting && $item->billing_cycle && isset($cycles[$item->billing_cycle]) && ! isset($termCycles[$item->billing_cycle])) {
                    $termCycles = [$item->billing_cycle => $cycles[$item->billing_cycle]] + $termCycles;
                }

                if ($isHosting && count($termCycles) === 0) {
                    $termCycles = $cycles;
                }

                $domainOptions = $isPricedDomain
                    ? $pricing->domainBillingOptions($item->domain_name, $item->operation ?: 'register', $cart->currency)
                    : [];
                $domainTypeLabel = match ($item->item_type) {
                    'domain_register' => 'Domain registration',
                    'domain_transfer' => 'Domain transfer',
                    'domain_existing' => 'Existing domain',
                    default => 'Domain',
                };
            @endphp
            <article class="zt-cart-product-row">
                <div class="zt-cart-product-icon" aria-hidden="true">
                    <i class="fa-solid {{ $isHosting ? 'fa-server' : 'fa-globe' }}"></i>
                </div>

                <div class="zt-cart-product-main">
                    <strong>{{ $isDomain && $item->domain_name ? $item->domain_name : $item->name }}</strong>
                    <span>
                        @if ($isDomain)
                            {{ $domainTypeLabel }}
                        @else
                            {{ $item->billing_cycle ? $pricing->cycleLabel($item->billing_cycle) : 'Service' }}
                        @endif
                    </span>

                    @if ($isHosting && count($termCycles))
                        <form method="POST" action="{{ route('cart.update-item', $item) }}" class="zt-cart-period-form" data-ajax-cart>
                            @csrf
                            @method('PATCH')
                            <input type="hidden" name="billing_cycle" value="{{ $item->billing_cycle }}">
                            <label>Select your term length</label>
                            <div class="zt-term-options" role="group" aria-label="Hosting term length">
                                @foreach ($termCycles as $cycleKey => $cyclePrice)
                                    <button
                                        type="button"
                                        class="zt-term-option {{ $item->billing_cycle === $cycleKey ? 'is-active' : '' }}"
                                        data-cart-period-field="billing_cycle"
                                        data-cart-period-value="{{ $cycleKey }}"
                                        onclick="ztSelectCartPeriod(this)"
                                        aria-pressed="{{ $item->billing_cycle === $cycleKey ? 'true' : 'false' }}"
                                    >
                                        <span>{{ $pricing->termLabel($cycleKey) }}</span>
                                        <strong>{{ $pricing->formatMoney($cyclePrice, $cart->currency) }}</strong>
                                        <small>{{ $item->billing_cycle === $cycleKey ? 'Selected' : 'Choose term' }}</small>
                                    </button>
                                @endforeach
                            </div>
                        </form>
                    @elseif ($isPricedDomain && count($domainOptions))
                        <form method="POST" action="{{ route('cart.update-item', $item) }}" class="zt-cart-period-form" data-ajax-cart>
                            @csrf
                            @method('PATCH')
                            <input type="hidden" name="years" value="{{ (int) $item->years }}">
                            <label>Select registration length</label>
                            <div class="zt-term-options zt-domain-term-options" role="group" aria-label="Domain registration length">
                                @foreach ($domainOptions as $year => $priceRow)
                                    <button
                                        type="button"
                                        class="zt-term-option {{ (int) $item->years === (int) $year ? 'is-active' : '' }}"
                                        data-cart-period-field="years"
                                        data-cart-period-value="{{ (int) $year }}"
                                        onclick="ztSelectCartPeriod(this)"
                                        aria-pressed="{{ (int) $item->years === (int) $year ? 'true' : 'false' }}"
                                    >
                                        <span>{{ $year }} Year{{ (int) $year === 1 ? '' : 's' }}</span>
                                        <strong>{{ $pricing->formatMoney($priceRow['unit_price'], $cart->currency) }}</strong>
                                        <small>{{ (int) $item->years === (int) $year ? 'Selected' : 'Choose term' }}</small>
                                    </button>
                                @endforeach
                            </div>
                        </form>
                    @endif
                </div>

                <div class="zt-cart-product-price">
                    <strong>{{ $pricing->formatMoney($item->total, $item->currency) }}</strong>
                    <form method="POST" action="{{ route('cart.remove-item', $item) }}" data-ajax-cart>
                        @csrf
                        @method('DELETE')
                        <button type="submit">Remove</button>
                    </form>
                </div>
            </article>
        @endforeach
    </div>
</section>
@endif