{{-- Ürün Seçimi --}}
<div class="form-card" id="productCard" style="{{ $products->isEmpty() ? 'display:none' : '' }}">
    <div class="fsh">
        <div class="fsh-icon" style="background:#d1fae5;color:#10b981"><i class="fas fa-box-open"></i></div>
        <div class="fsh-title">Ürün / Hizmet Seçimi</div>
    </div>
    <div class="fsb">
        <div class="search-container" id="productSearchContainer" style="display:none">
            <i class="fas fa-search"></i>
            <input type="text" class="search-control" id="productSearchInput" placeholder="Hızlıca ara...">
        </div>

        <input type="hidden" name="product_id" id="productIdInput" value="{{ old('product_id', $reservation->product_id) }}">
        <div id="productList" style="display:flex;flex-direction:column;gap:.5rem;">
            @foreach($products as $p)
                <div class="prod-item {{ old('product_id', $reservation->product_id) == $p->id ? 'sel' : '' }}" data-id="{{ $p->id }}"
                    data-price="{{ $p->base_price }}" data-currency="{{ $p->currency }}" data-hasdates="{{ $p->productable_type ? '1' : '0' }}">
                    <div><div style="font-size:.86rem;font-weight:600;color:var(--text-main)">{{ $p->name }}</div></div>
                    <div class="prod-price">{{ number_format($p->base_price, 2) }} {{ $p->currency }}</div>
                </div>
            @endforeach
        </div>

        <div class="pgn-box" id="productPagination" style="display:none">
            <button type="button" class="pgn-btn" id="prevProduct"><i class="fas fa-chevron-left"></i></button>
            <div class="pgn-info">Sayfa <b id="prodPage">1</b> / <b id="prodTotalPage">1</b></div>
            <button type="button" class="pgn-btn" id="nextProduct"><i class="fas fa-chevron-right"></i></button>
        </div>
    </div>
</div>