{{--
    staff/finance/expenses_daily/_modal_show.blade.php
    ────────────────────────────────────────────────────
    Sadece Gider show modal'ının HTML içeriği.
    JS bu dosyayı bilmez — sadece data-field="key" olan elementlere yazar.
    
    data-field değerleri GetModelDetails@formatExpenseDetails metodunun döndürdüğü
    key isimlerinin birebir aynısı olmalıdır.
--}}

<div id="detailModalContent">
    <div class="row g-3">

        {{-- Sol Kolon --}}
        <div class="col-md-6">
            <label class="text-muted small fw-bold text-uppercase">Başlık</label>
            <p class="h5 fw-bold border-bottom pb-2">
                <span data-field="title">-</span>
            </p>

            <label class="text-muted small fw-bold text-uppercase mt-2">Tutar</label>
            <p class="h4 fw-bold text-danger">
                <span data-field="amount_formatted">-</span>
            </p>

            <label class="text-muted small fw-bold text-uppercase mt-2">Tarih</label>
            <p>
                <span data-field="expense_date_formatted">-</span>
            </p>

            <label class="text-muted small fw-bold text-uppercase mt-2">Kasa</label>
            <p>
                <span data-field="safe_name">-</span>
            </p>
        </div>

        {{-- Sağ Kolon --}}
        <div class="col-md-6 border-start">
            <label class="text-muted small fw-bold text-uppercase">Şube</label>
            <p class="fw-bold">
                <span data-field="branch_name">-</span>
                (<span data-field="branch_type">-</span>)
            </p>

            <label class="text-muted small fw-bold text-uppercase mt-2">Gider Tipi</label>
            <p>
                <span class="badge bg-secondary" data-field="type_name">-</span>
            </p>

            <label class="text-muted small fw-bold text-uppercase mt-2">Oluşturan</label>
            <p>
                <span data-field="creator_name">-</span>
            </p>

            <label class="text-muted small fw-bold text-uppercase mt-2">Oluşturulma Tarihi</label>
            <p>
                <span data-field="created_at_formatted">-</span>
            </p>
        </div>

        {{-- Açıklama --}}
        <div class="col-12 mt-2 p-3 bg-light rounded">
            <label class="text-muted small fw-bold text-uppercase">Açıklama</label>
            <p class="mb-0 text-secondary">
                <span data-field="description">Açıklama girilmemiş.</span>
            </p>
        </div>

    </div>
</div>