{{-- resources/views/admin/keuangan/transaksi-siswa/show-modal-pembayaran.blade.php --}}
<div class="modal fade" id="modalBayar" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content card-round border-0 shadow-lg">
      <div class="modal-header bg-primary text-white">
        <h5 class="modal-title fw-bold"><i class="fa fa-cash-register me-2"></i> Input Setoran Pembayaran</h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form method="POST" action="{{ route('admin.transaksi-siswa.store') }}">
        @csrf
        <input type="hidden" name="siswa_id" id="input_siswa_id">
        <input type="hidden" name="jenis_keuangan_id" id="input_jenis_id">

        <div class="modal-body p-4 bg-light">
          <div class="alert alert-info border-info border-start border-3 pb-3 mb-4 bg-white text-dark shadow-sm">
             <div class="mb-2"><strong>Siswa:</strong> <span id="label_siswa_nama" class="text-primary fw-bold"></span></div>
             <div class="mb-2"><strong>Tagihan:</strong> <span id="label_jenis_nama" class="text-danger fw-bold"></span></div>
             <div><strong>Total Nominal Bawaan:</strong> <span id="label_nominal" class="fw-bold text-dark fs-6"></span></div>
          </div>

          <div class="mb-3">
            <label class="form-label fw-bold">Tanggal Pembayaran <span class="text-danger">*</span></label>
            <input type="date" class="form-control border-primary-subtle shadow-none" name="tanggal" value="{{ date('Y-m-d') }}" required>
          </div>

          <div class="mb-3">
            <label class="form-label fw-bold">Nominal Uang Masuk (Rp) <span class="text-danger">*</span></label>
            <div class="input-group">
                <span class="input-group-text bg-primary text-white border-primary fw-bold">Rp</span>
                <input type="number" class="form-control border-primary fw-bold text-end fs-5 shadow-none" name="nominal_bayar" id="input_nominal" required min="1">
            </div>
            <small class="text-muted mt-2 d-block"><i class="fas fa-info-circle me-1"></i> Angka otomatis menyesuaikan sisa tagihan. Dapat diedit jika siswa membayar secara mencicil.</small>
          </div>

          <div class="mb-2">
            <label class="form-label fw-bold">Keterangan / Catatan Transaksi</label>
            <textarea class="form-control border-secondary-subtle shadow-none" name="keterangan" rows="2" placeholder="Contoh: Titipan dari orang tua, via Transfer, dsb..."></textarea>
          </div>
        </div>
        <div class="modal-footer bg-white border-top-0 pt-0">
          <button type="button" class="btn btn-secondary btn-round shadow-sm" data-bs-dismiss="modal">Batal</button>
          <button type="submit" class="btn btn-success btn-round shadow-sm px-4 fw-bold"><i class="fa fa-save me-1"></i> Simpan Transaksi</button>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade" id="modalEditBayar" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content card-round border-0 shadow-lg">
      <div class="modal-header bg-warning text-dark">
        <h5 class="modal-title fw-bold"><i class="fa fa-edit me-2"></i> Edit Riwayat Pembayaran</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form method="POST" id="formEditBayar">
        @csrf @method('PUT')
        <input type="hidden" name="siswa_id" id="edit_siswa_id">
        <input type="hidden" name="jenis_keuangan_id" id="edit_jenis_id">

        <div class="modal-body p-4 bg-light">
          <div class="mb-3">
            <label class="form-label fw-bold">Tanggal Pembayaran <span class="text-danger">*</span></label>
            <input type="date" class="form-control border-warning-subtle shadow-none" name="tanggal" id="edit_tanggal" required>
          </div>

          <div class="mb-3">
            <label class="form-label fw-bold">Ubah Nominal Bayar (Rp) <span class="text-danger">*</span></label>
            <div class="input-group">
                <span class="input-group-text bg-warning text-dark border-warning fw-bold">Rp</span>
                <input type="number" class="form-control border-warning fw-bold text-end fs-5 shadow-none" name="nominal_bayar" id="edit_nominal" required min="1">
            </div>
          </div>

          <div class="mb-2">
            <label class="form-label fw-bold">Keterangan / Catatan Transaksi</label>
            <textarea class="form-control border-secondary-subtle shadow-none" name="keterangan" id="edit_keterangan" rows="2"></textarea>
          </div>
        </div>
        <div class="modal-footer bg-white border-top-0 pt-0">
          <button type="button" class="btn btn-secondary btn-round shadow-sm" data-bs-dismiss="modal">Batal</button>
          <button type="submit" class="btn btn-warning btn-round shadow-sm px-4 fw-bold text-dark"><i class="fa fa-save me-1"></i> Update Transaksi</button>
        </div>
      </form>
    </div>
  </div>
</div>