{{-- SAĞ PANEL --}}
<div class="rcard">
    <div class="rcard-head">
        <div class="rcard-icon" style="background:#f1f5f9;color:#64748b"><i class="fas fa-cog"></i>
        </div>
        <div class="rcard-title">Durum & Atama</div>
    </div>
    <div class="rcard-body">
        <div class="fl mb-3"><label>Durum <span class="req">*</span></label>
            <select name="status" class="fi">
                @foreach([
                    'potential' => 'Potansiyel',
                    'offer_sent' => 'Teklif Verildi',
                    'revised' => 'Revize Edildi',
                    'confirmed' => 'Satış Tamamlandı',
                    'in_progress' => 'Devam Ediyor',
                    'completed' => 'Kapanan',
                    'cancelled' => 'İptal Edildi',
                    'refunded' => 'İade Edildi'
                ] as $v => $l)
                    <option value="{{ $v }}" {{ old('status', request('status', 'potential')) === $v ? 'selected' : '' }}>{{ $l }}
                </option>@endforeach
            </select>
        </div>
        <div class="fl mb-3"><label>Kaynak</label>
            <select name="source" class="fi">
                @foreach(['manual' => 'Manuel', 'phone' => 'Telefon', 'whatsapp' => 'WhatsApp', 'email' => 'E-posta', 'online' => 'Online'] as $v => $l)
                    <option value="{{ $v }}" {{ old('source', 'manual') === $v ? 'selected' : '' }}>{{ $l }}
                </option>@endforeach
            </select>
        </div>
        <div class="fl"><label>Atanan Temsilci</label>
            <select name="assigned_to" class="fi">
                <option value="">— Seçin —</option>
                @foreach($agents as $a)<option value="{{ $a->id }}" {{ old('assigned_to') == $a->id ? 'selected' : '' }}>{{ $a->first_name }}
                {{ $a->last_name }}</option>@endforeach
            </select>
        </div>
    </div>
</div>

<div class="rcard" id="customerDetailsCard" style="display:none; margin-bottom:1.5rem">
    <div class="rcard-head">
        <div class="rcard-icon" style="background:#ede9fe;color:#8b5cf6"><i class="fas fa-user-check"></i></div>
        <div class="rcard-title">Müşteri Bilgileri</div>
    </div>
    <div class="rcard-body" id="customerSummaryHtml" style="font-size: 0.82rem; color: #475569;">
    </div>
</div>

<div class="rcard">
    <div class="rcard-head">
        <div class="rcard-icon" style="background:#d1fae5;color:#10b981"><i
                class="fas fa-lira-sign"></i></div>
        <div class="rcard-title">Fiyatlandırma</div>
    </div>
    <div class="rcard-body">
        <div id="priceSourceBadge" style="display:none;margin-bottom:.85rem"></div>

        <div class="fg2 mb-3">
            <div class="fl"><label>Yetişkin Birim Fiyat</label><input type="number" step="0.01"
                    name="unit_price" id="unitPrice" value="{{ old('unit_price') }}" class="fi"
                    oninput="calcPrice()" placeholder="0.00"></div>
            <div class="fl"><label>Çocuk Fiyatı</label><input type="number" step="0.01"
                    name="child_price" id="childPrice" value="{{ old('child_price') }}" class="fi"
                    oninput="calcPrice()"></div>
        </div>
        <div class="fg2 mb-3">
            <div class="fl"><label>Bebek Fiyatı</label><input type="number" step="0.01"
                    name="infant_price" id="infantPrice" value="{{ old('infant_price') }}"
                    class="fi" oninput="calcPrice()"></div>
            <div class="fl"><label>Para Birimi</label>
                <select name="currency" id="currencySelect" class="fi">
                    <option value="TRY" {{ old('currency', 'TRY') === 'TRY' ? 'selected' : '' }}>₺ TRY
                    </option>
                    <option value="USD" {{ old('currency') === 'USD' ? 'selected' : '' }}>$ USD</option>
                    <option value="EUR" {{ old('currency') === 'EUR' ? 'selected' : '' }}>€ EUR</option>
                </select>
            </div>
        </div>

        <div class="section-divider"><span>İndirim</span></div>
        <div class="fg2 mb-3">
            <div class="fl"><label>İndirim Oranı (%)</label><input type="number" step="0.01"
                    name="discount_rate" id="discountRate" value="{{ old('discount_rate', 0) }}"
                    class="fi" min="0" max="100" oninput="calcPrice()"></div>
            <div class="fl"><label>KDV Tutarı</label><input type="number" step="0.01"
                    name="tax_amount" id="taxAmount" value="{{ old('tax_amount', 0) }}" class="fi"
                    oninput="calcPrice()"></div>
        </div>
        <div class="fl mb-3"><label>İndirim Açıklaması</label><input type="text"
                name="discount_reason" value="{{ old('discount_reason') }}" class="fi"
                placeholder="İndirim nedeni…"></div>

        <div class="section-divider"><span>Ödeme</span></div>
        <div class="fl mb-3">
            <label>Ödeme Durumu <span class="req">*</span></label>
            <select name="payment_status" id="paymentStatus" class="fi" onchange="togglePayment()">
                @foreach(['unpaid' => 'Ödenmedi', 'partial' => 'Kısmi Ödendi', 'paid' => 'Tam Ödendi', 'refunded' => 'İade'] as $v => $l)
                    <option value="{{ $v }}" {{ old('payment_status', 'unpaid') === $v ? 'selected' : '' }}>
                {{ $l }}</option>@endforeach
            </select>
        </div>
        <div id="paidAmountWrap"
            style="{{ in_array(old('payment_status', 'unpaid'), ['partial', 'paid']) ? '' : 'display:none' }}">
            <div class="fl mb-3"><label>Tahsil Edilen Tutar</label><input type="number" step="0.01"
                    name="paid_amount" id="paidAmount" value="{{ old('paid_amount', 0) }}" class="fi"
                    oninput="calcPrice()"></div>
        </div>

        <div class="price-panel" style="margin-top:.5rem">
            <div class="price-row"><span>Ara Toplam</span><span id="dSub">0,00 ₺</span></div>
            <div class="price-row"><span>İndirim</span><span id="dDisc" style="color:#fde68a">- 0,00
                    ₺</span></div>
            <div class="price-row"><span>KDV</span><span id="dTax">+ 0,00 ₺</span></div>
            <hr class="price-div">
            <div class="price-total-row"><span>Toplam</span><span id="dTotal">0,00 ₺</span></div>
            <div class="price-row" style="opacity:.8;margin-top:.4rem"><span>Ödenen</span><span
                    id="dPaid" style="color:#a7f3d0">0,00 ₺</span></div>
            <div class="price-row" style="opacity:.8"><span>Kalan</span><span id="dRem"
                    style="color:#fda4af">0,00 ₺</span></div>
            <input type="hidden" name="total_amount" id="hTotal">
            <input type="hidden" name="remaining_amount" id="hRem">
            <input type="hidden" name="subtotal" id="hSub">
            <input type="hidden" name="discount_amount" id="hDisc">
        </div>
    </div>
</div>