@props([
    'item' => null,
    'show' => null,
    'edit' => null,
    'delete' => null,
])

@if ($item)
    <div class="d-inline-flex align-items-center justify-content-start">
        <!-- Tombol Lihat (Selalu Ada) -->
        <button type="button" class="btn btn-action-view btn-sm btn-detail mr-1 mb-1" 
            data-id="{{ $item->id }}"
            data-nomor="{{ $item->nomor_pengajuan }}"
            data-tanggal="{{ \Carbon\Carbon::parse($item->tanggal_pengajuan)->format('d-m-Y') }}"
            data-status="{{ $item->status }}"
            data-jenis="{{ $item->jenisSurat->nama_surat }}"
            data-pemohon="{{ $item->penduduk->nama_lengkap }}"
            data-nik="{{ $item->penduduk->nik }}"
            data-tempat-lahir="{{ $item->penduduk->tempat_lahir }}"
            data-tanggal-lahir="{{ \Carbon\Carbon::parse($item->penduduk->tanggal_lahir)->format('d-m-Y') }}"
            data-alamat="{{ $item->penduduk->alamat }}"
            data-no-hp="{{ optional($item->penduduk->warga)->nomor_whatsapp ?? '-' }}"
            data-catatan="{{ $item->catatan_admin ?? '-' }}"
            title="Lihat Detail"
            style="width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important;">
            <i class="fas fa-eye"></i>
        </button>

        @if ($item->status == 'diajukan')
            <!-- Tombol Proses -->
            <button type="button" class="btn btn-primary btn-sm btn-proses mr-1 mb-1" 
                data-id="{{ $item->id }}" 
                title="Proses"
                style="width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important;">
                <i class="fas fa-spinner"></i>
            </button>
        @endif

        @if (in_array($item->status, ['diajukan', 'diproses']))
            <!-- Tombol Setujui -->
            <button type="button" class="btn btn-action-approve btn-sm btn-setujui mr-1 mb-1" 
                data-id="{{ $item->id }}" 
                title="Setujui"
                style="width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important;">
                <i class="fas fa-check"></i>
            </button>

            <!-- Tombol Tolak -->
            <button type="button" class="btn btn-action-reject btn-sm btn-tolak mr-1 mb-1" 
                data-id="{{ $item->id }}" 
                title="Tolak"
                style="width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important;">
                <i class="fas fa-times"></i>
            </button>
        @endif

        @if ($item->status == 'disetujui')
            <!-- Tombol Generate Surat -->
            <button type="button" class="btn btn-primary btn-sm btn-generate mr-1 mb-1" 
                data-id="{{ $item->id }}" 
                title="Generate Surat"
                style="width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important;">
                <i class="fas fa-file-pdf"></i>
            </button>
        @endif

        @if ($item->status == 'selesai' && $item->suratCetak)
            <!-- Tombol Download Surat -->
            <a href="{{ route('surat.download', $item->suratCetak->id) }}" target="_blank" class="btn btn-action-approve btn-sm btn-download mr-1 mb-1" 
                title="Preview / Cetak Surat"
                style="width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important;">
                <i class="fas fa-print"></i>
            </a>
        @endif
    </div>
@else
    <div class="d-inline-flex align-items-center justify-content-start">
        @if ($show)
            <a href="{{ $show }}" class="btn btn-action-view btn-sm mr-1 mb-1" title="Detail"
                style="width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important;">
                <i class="fas fa-eye"></i>
            </a>
        @endif

        @if ($edit)
            <a href="{{ $edit }}" class="btn btn-action-edit btn-sm mr-1 mb-1" title="Edit"
                style="width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important;">
                <i class="fas fa-edit"></i>
            </a>
        @endif

        @if ($delete)
            <form action="{{ $delete }}" method="POST" class="d-inline m-0 p-0"
                onsubmit="return confirm('Hapus data?')">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-action-delete btn-sm mr-1 mb-1" title="Hapus"
                    style="width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px !important;">
                    <i class="fas fa-trash"></i>
                </button>
            </form>
        @endif
    </div>
@endif