{{-- resources/views/pesanan_kartu/_detail-modal.blade.php --}}

@php
  /* =======================================================================================
     NORMALISASI STATUS NOTA
     - Ambil status dari nota (support status_kartu / statuskartu)
     - Lock jika status = proses atau aktif
  ======================================================================================== */
  $statusKartuRaw = $nota->status_kartu ?? ($nota->statuskartu ?? null);
  $statusKartu = strtolower(trim((string)($statusKartuRaw ?? '')));

  $isLocked = in_array($statusKartu, ['proses', 'aktif'], true);

  $badgeKartu = match($statusKartu) {
    'pesan'  => 'warning',
    'proses' => 'primary',
    'aktif'  => 'success',
    'batal'  => 'danger',
    default  => 'secondary',
  };

  $labelKartu = match($statusKartu) {
    'pesan'  => 'Pesan',
    'proses' => 'Proses',
    'aktif'  => 'Aktif',
    'batal'  => 'Batal',
    default  => '-',
  };
@endphp

{{-- =======================================================================================
   HEADER INFO NOTA
======================================================================================= --}}
<div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
  <div>
    <h6 class="mb-1">
      Nota <span class="text-primary">#{{ $nota->no_pesanan ?? '-' }}</span>
    </h6>
    <div class="small text-muted">
      Pemesan:
      <strong>{{ $pemesan->nama_lengkap ?? '-' }}</strong>
      @if(!empty($pemesan?->nik))
        <span class="ms-1">(NIK: {{ $pemesan->nik }})</span>
      @endif
    </div>

    @if(!empty($pemesan?->nomor_wa))
      <div class="small text-muted">
        <i class="bi bi-whatsapp me-1"></i>{{ $pemesan->nomor_wa }}
      </div>
    @endif

    @php
      $alamatParts = array_values(array_filter([
        $pemesan->provinsi ?? null,
        $pemesan->kabupaten ?? null,
        $pemesan->kecamatan ?? null,
      ], fn($v) => !is_null($v) && trim((string)$v) !== ''));
    @endphp

    <div class="small text-muted">
      <i class="bi bi-geo-alt me-1"></i>{{ count($alamatParts) ? implode(', ', $alamatParts) : '-' }}
    </div>
  </div>

  <div class="text-end">
    <div class="mb-1">
      <span class="badge bg-{{ $badgeKartu }} px-3 py-2">Status: {{ $labelKartu }}</span>
    </div>
    @if($isLocked)
      <div class="small text-muted">
        Terkunci karena status sudah <strong>{{ strtoupper($statusKartu) }}</strong>.
      </div>
    @endif
  </div>
</div>

{{-- =======================================================================================
   LOCK ALERT
======================================================================================= --}}
@if($isLocked)
  <div class="alert alert-info d-flex align-items-start gap-2">
    <i class="bi bi-lock-fill mt-1"></i>
    <div>
      <div class="fw-semibold">Perubahan detail dikunci.</div>
      <div class="small mb-0">
        Anda tidak bisa menambah/menghapus item saat status nota <strong>{{ strtoupper($statusKartu) }}</strong>.
      </div>
    </div>
  </div>
@endif

{{-- =======================================================================================
   FORM TAMBAH ITEM
   - Controller JS Anda mencari form dengan id "formTambahItemPesanan"
======================================================================================= --}}
<div class="card mb-3">
  <div class="card-header py-2">
    <strong>Tambah Item</strong>
  </div>
  <div class="card-body">
    <form id="formTambahItemPesanan">
      <div class="row g-2 align-items-end">
        <div class="col-md-5">
          <label class="form-label small mb-1">NIK Anggota</label>
          <input type="text"
                 name="nik"
                 class="form-control form-control-sm"
                 placeholder="Masukkan NIK"
                 {{ $isLocked ? 'disabled' : '' }}>
        </div>

        <div class="col-md-3">
          <label class="form-label small mb-1">Harga</label>
          <input type="number"
                 name="harga"
                 class="form-control form-control-sm"
                 min="0"
                 value="10000"
                 {{ $isLocked ? 'disabled' : '' }}>
        </div>

        <div class="col-md-4">
          <button type="submit"
                  class="btn btn-sm btn-primary w-100"
                  {{ $isLocked ? 'disabled' : '' }}>
            <i class="bi bi-plus-circle me-1"></i>Tambah
          </button>
        </div>

        <div class="col-12">
          <div id="formTambahItemError"></div>
        </div>
      </div>
    </form>
  </div>
</div>

{{-- =======================================================================================
   TABEL DETAIL ITEM
   - Tombol hapus item harus punya class "btnHapusItemPesanan"
   - Data attribute yang dibaca JS:
     data-delete-url, data-item-nik, data-item-id, data-no-pesanan
======================================================================================= --}}
<div class="card">
  <div class="card-header py-2 d-flex justify-content-between align-items-center">
    <strong>Daftar Item</strong>
    <span class="small text-muted">Total: {{ is_countable($detailPesanan) ? count($detailPesanan) : 0 }} item</span>
  </div>

  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-sm mb-0">
        <thead class="table-light">
          <tr>
            <th>NIK</th>
            <th>Nama</th>
            <th>No. Kartu</th>
            <th class="text-center">Upload Foto</th>
            <th class="text-end">Harga</th>
            <th class="text-center">Aksi</th>
          </tr>
        </thead>
        <tbody>
          @forelse($detailPesanan as $it)
            @php
              $id = $it->id ?? null;
              $nik = $it->nik ?? null;

              // URL delete (sesuaikan dengan route Anda yang dipakai JS)
              $deleteUrl = null;
              try {
                $deleteUrl = route('superadmin.pesanan-kartu.detail.items.destroy', [
                  'no_pesanan' => $nota->no_pesanan,
                  'id' => $id,
                ]);
              } catch (\Throwable $e) {
                $deleteUrl = '';
              }

              $uploadFoto = strtoupper((string)($it->upload_foto ?? ''));
              $uploadBadge = $uploadFoto === 'Y' ? 'success' : 'secondary';
              $uploadLabel = $uploadFoto === 'Y' ? 'Ya' : 'Tidak';
            @endphp

            <tr>
              <td class="text-nowrap">{{ $nik }}</td>
              <td>{{ $it->nama_lengkap ?? '-' }}</td>
              <td class="text-nowrap">{{ $it->no_kartu_anggota ?? '-' }}</td>
              <td class="text-center">
                <span class="badge bg-{{ $uploadBadge }}">{{ $uploadLabel }}</span>
              </td>
              <td class="text-end text-nowrap">
                Rp {{ number_format((int)($it->harga ?? 0), 0, ',', '.') }}
              </td>
              <td class="text-center">
                <button type="button"
                        class="btn btn-sm btn-outline-danger btnHapusItemPesanan"
                        title="{{ $isLocked ? 'Terkunci (status PROSES/AKTIF)' : 'Hapus item' }}"
                        data-delete-url="{{ $deleteUrl }}"
                        data-item-nik="{{ $nik }}"
                        data-item-id="{{ $id }}"
                        data-no-pesanan="{{ $nota->no_pesanan }}"
                        {{ $isLocked ? 'disabled' : '' }}>
                  <i class="bi bi-trash"></i>
                </button>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="6" class="text-center py-4 text-muted">
                Belum ada item pada nota ini.
              </td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>