@extends('layouts.dashboard')

@section('title', 'Data Sampah Anggota')

@section('content')
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h3 class="mb-1">Sampah Data Anggota</h3>
            <p class="text-muted mb-0">Daftar data anggota yang sudah dipindahkan ke sampah.</p>
        </div>
        <a href="{{ route('anggota.index') }}" class="btn btn-secondary">
            Kembali ke Data Aktif
        </a>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger">
            {{ $errors->first() }}
        </div>
    @endif

    <form method="GET" action="{{ route('sampah.index') }}" class="row g-2 mb-3">
        <div class="col-md-6">
            <input type="text" name="q" class="form-control" placeholder="Cari NIK / nama" value="{{ request('q') }}">
        </div>
        <div class="col-md-2">
            <button type="submit" class="btn btn-primary w-100">Cari</button>
        </div>
        <div class="col-md-2">
            <a href="{{ route('sampah.index') }}" class="btn btn-light border w-100">Reset</a>
        </div>
    </form>

    <div class="card shadow-sm">
        <div class="card-body table-responsive">
            <table class="table table-bordered table-striped align-middle mb-0">
                <thead>
                    <tr>
                        <th style="width: 60px;">No</th>
                        <th>NIK</th>
                        <th>Nama</th>
                        <th>Role</th>
                        <th>Provinsi</th>
                        <th>Kab/Kota</th>
                        <th>Kecamatan</th>
                        <th>Dihapus Pada</th>
                        <th style="width: 240px;">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($anggotas as $i => $anggota)
                        <tr>
                            <td>{{ $anggotas->firstItem() + $i }}</td>
                            <td>{{ $anggota->nik }}</td>
                            <td>{{ $anggota->nama_lengkap ?? $anggota->namalengkap ?? '-' }}</td>
                            <td>{{ $anggota->role ?? '-' }}</td>
                            <td>{{ $anggota->nama_provinsi ?? '-' }}</td>
                            <td>{{ $anggota->nama_kota ?? '-' }}</td>
                            <td>{{ $anggota->nama_kecamatan ?? '-' }}</td>
                            <td>{{ optional($anggota->deleted_at)->format('d-m-Y H:i') ?? '-' }}</td>
                            <td>
                                <div class="d-flex gap-2">
                                    <form method="POST" action="{{ route('sampah.restore', $anggota->getKey()) }}">
                                        @csrf
                                        @method('PATCH')
                                        <button type="submit" class="btn btn-success btn-sm"
                                            onclick="return confirm('Kembalikan data ini?')">
                                            Restore
                                        </button>
                                    </form>

                                    <button type="button"
                                            class="btn btn-danger btn-sm"
                                            data-bs-toggle="modal"
                                            data-bs-target="#forceDeleteModal{{ $anggota->getKey() }}">
                                        Hapus Permanen
                                    </button>
                                </div>

                                <div class="modal fade" id="forceDeleteModal{{ $anggota->getKey() }}" tabindex="-1" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <form method="POST" action="{{ route('sampah.forceDelete', $anggota->getKey()) }}" class="modal-content">
                                            @csrf
                                            @method('DELETE')

                                            <div class="modal-header">
                                                <h5 class="modal-title">Hapus Permanen</h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                            </div>

                                            <div class="modal-body">
                                                <p class="mb-2">
                                                    Data <strong>{{ $anggota->nama_lengkap ?? $anggota->namalengkap ?? '-' }}</strong>
                                                    akan dihapus permanen.
                                                </p>
                                                <p class="text-danger mb-3">Tindakan ini tidak bisa dibatalkan.</p>

                                                <label class="form-label">Masukkan password login Anda</label>
                                                <input type="password" name="password" class="form-control" required>
                                            </div>

                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                                                <button type="submit" class="btn btn-danger">Ya, hapus permanen</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" class="text-center text-muted py-4">
                                Tidak ada data di sampah.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($anggotas->hasPages())
            <div class="card-footer">
                {{ $anggotas->links() }}
            </div>
        @endif
    </div>
</div>
@endsection