@extends('layouts.app')

@section('content')
<div class="nk-content nk-content-fluid">
  <div class="container-xl wide-xl">
    <div class="nk-content-inner">
      <div class="nk-content-body">
        <div class="nk-block-head nk-block-head-sm pb-4">
          <div class="nk-block-between">
            <div class="nk-block-head-content">
              <h3 class="nk-block-title page-title">Penyesuaian Bank & Pajak</h3>
            </div>
            <div class="nk-block-head-content">
              <a href="{{ route('yayasan.transaksi.penyesuaian-bank-pajak.create') }}" class="btn btn-primary-custom">
                  <em class="icon ni ni-plus"></em>
                  <span>Tambah Penyesuaian</span>
              </a>
            </div>
          </div>
        </div>

        {{-- Filter Card --}}
        <div class="card mb-3">
            <div class="card-body">
                <form method="GET" action="{{ route('yayasan.transaksi.penyesuaian-bank-pajak.index') }}" class="row g-2 align-items-center">
                    <div class="col-md-3">
                        <label class="form-label fs-12px mb-1 text-muted">Bulan</label>
                        <select name="bulan" class="form-select">
                            <option value="all" {{ ($bulan == 'all' || empty($bulan)) ? 'selected' : '' }}>-- Semua Bulan --</option>
                            @for($i = 1; $i <= 12; $i++)
                            <option value="{{ sprintf('%02d',$i) }}" {{ $bulan == sprintf('%02d',$i) ? 'selected' : '' }}>
                                {{ DateTime::createFromFormat('!m', $i)->format('F') }}
                            </option>
                            @endfor
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label fs-12px mb-1 text-muted">Tahun</label>
                        <input type="number" name="tahun" value="{{ $tahun }}" class="form-control" placeholder="Tahun">
                    </div>

                    @if($isYayasan && !empty($units))
                    <div class="col-md-4">
                        <label class="form-label fs-12px mb-1 text-muted">Unit</label>
                        <select name="unit_id" class="form-select">
                            <option value="all" {{ ($selectedUnit ?? 'all') == 'all' ? 'selected' : '' }}>— Semua Unit —</option>
                            @foreach($units as $u)
                                <option value="{{ $u->kode_unit }}" {{ ($selectedUnit ?? '') == $u->kode_unit ? 'selected' : '' }}>
                                    {{ $u->nama_unit }} (Kode: {{ $u->kode_unit }})
                                </option>
                            @endforeach
                        </select>
                    </div>
                    @endif

                    @if(request('search'))
                    <input type="hidden" name="search" value="{{ request('search') }}">
                    @endif

                    <div class="col-md-3 d-flex align-items-end gap-1" style="margin-top: auto;">
                        <button type="submit" class="btn btn-primary">
                             <em class="icon ni ni-filter"></em> Filter
                        </button>
                        <a href="{{ route('yayasan.transaksi.penyesuaian-bank-pajak.index') }}" class="btn btn-light">
                             <em class="icon ni ni-reload"></em> Reset
                        </a>
                    </div>
                </form>
            </div>
        </div>

        <div class="card card-preview">
            <div class="card-inner border-bottom">
                <div class="card-title-group">
                    <div class="card-title">
                        <h5 class="title">Riwayat Penyesuaian</h5>
                    </div>
                    <div class="card-tools me-n1">
                        <ul class="btn-toolbar gx-1">
                            <li>
                                <form method="GET" action="{{ route('yayasan.transaksi.penyesuaian-bank-pajak.index') }}">
                                    <input type="hidden" name="bulan" value="{{ $bulan }}">
                                    <input type="hidden" name="tahun" value="{{ $tahun }}">
                                    @if(isset($selectedUnit))
                                        <input type="hidden" name="unit_id" value="{{ $selectedUnit }}">
                                    @endif
                                    <div class="form-control-wrap">
                                        <div class="form-icon form-icon-left"><em class="icon ni ni-search"></em></div>
                                        <input type="text" class="form-control" name="search" placeholder="Cari referensi/deskripsi..." value="{{ request('search') }}">
                                    </div>
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="table-responsive">
               <table class="table table-custom">
                   <thead>
                       <tr>
                           <th>No Referensi</th>
                           <th>Tanggal</th>
                           <th>Deskripsi</th>
                           <th class="text-end">Nominal</th>
                           <th class="text-center" width="120px">Aksi</th>
                       </tr>
                   </thead>
                   <tbody>
                       @foreach($items as $it)
                       <tr>
                           <td><span class="badge badge-dim bg-outline-secondary">{{ $it->no_referensi }}</span></td>
                           <td>{{ date('d/m/Y', strtotime($it->tanggal)) }}</td>
                           <td>{{ $it->deskripsi }}</td>
                           <td class="text-end fw-bold">{{ number_format($it->nominal, 0, ',', '.') }}</td>
                           <td class="text-center">
                               <div class="d-flex justify-content-center gap-2">
                                   <a href="{{ route('yayasan.transaksi.penyesuaian-bank-pajak.show', $it->id) }}" class="btn-action btn-action-view" title="Lihat">
                                       <em class="icon ni ni-eye"></em>
                                   </a>
                                   <a href="{{ route('yayasan.transaksi.penyesuaian-bank-pajak.edit', $it->id) }}" class="btn-action btn-action-edit" title="Ubah">
                                       <em class="icon ni ni-edit"></em>
                                   </a>
                                   <form action="{{ route('yayasan.transaksi.penyesuaian-bank-pajak.destroy', $it->id) }}" method="POST" onsubmit="return confirm('Hapus data ini?');" class="m-0 p-0">
                                       @csrf
                                       @method('DELETE')
                                       <button type="submit" class="btn-action btn-action-delete" title="Hapus">
                                           <em class="icon ni ni-trash"></em>
                                       </button>
                                   </form>
                               </div>
                           </td>
                       </tr>
                       @endforeach
                       @if($items->isEmpty())
                       <tr>
                           <td colspan="5" class="text-center p-4 text-muted">Belum ada data penyesuaian.</td>
                       </tr>
                       @endif
                   </tbody>
               </table>
            </div>
            <div class="card-inner">
                {{ $items->onEachSide(1)->links('pagination::bootstrap-4') }}
            </div>
        </div>

      </div>
    </div>
  </div>
</div>
@endsection