@extends('layouts.app')
@section('title', 'Data Anggota')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
    <h4>Data Anggota</h4>
    <a href="{{ route('members.create') }}" class="btn btn-primary btn-sm">+ Tambah Anggota</a>
</div>

<div class="card">
    <div class="card-body">
        <form method="GET" class="mb-3 d-flex gap-2">
            <input type="text" name="cari" class="form-control form-control-sm" placeholder="Cari nama/no anggota/email..." value="{{ $cari }}" style="max-width:300px;">
            <button class="btn btn-secondary btn-sm">Cari</button>
            @if($cari) <a href="{{ route('members.index') }}" class="btn btn-outline-secondary btn-sm">Reset</a> @endif
        </form>

        <table class="table table-bordered table-sm">
            <thead class="table-light">
                <tr>
                    <th>No</th>
                    <th>No. Anggota</th>
                    <th>Nama</th>
                    <th>Email</th>
                    <th>Telepon</th>
                    <th>Status</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($anggota as $i => $a)
                <tr>
                    <td>{{ $anggota->firstItem() + $i }}</td>
                    <td>{{ $a->no_anggota }}</td>
                    <td>{{ $a->nama }}</td>
                    <td>{{ $a->email }}</td>
                    <td>{{ $a->telepon }}</td>
                    <td>
                        @if($a->status == 'aktif') <span class="badge-aktif">Aktif</span>
                        @else <span class="badge-nonaktif">Nonaktif</span>
                        @endif
                    </td>
                    <td>
                        <a href="{{ route('members.edit', $a) }}" class="btn btn-warning btn-sm">Edit</a>
                        <form action="{{ route('members.destroy', $a) }}" method="POST" style="display:inline" onsubmit="return confirm('Hapus anggota ini?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-danger btn-sm">Hapus</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" class="text-center">Tidak ada data</td></tr>
                @endforelse
            </tbody>
        </table>

        {{ $anggota->links() }}
    </div>
</div>

@endsection