@extends('layouts.admin')
@section('title', 'Member')
@section('page-title', 'Manajemen Member')

@section('content')
<div class="mb-4 flex flex-wrap items-center justify-between gap-3">
    <form method="GET" class="flex gap-2">
        <input name="q" value="{{ request('q') }}" placeholder="Cari nama / email / WA…" class="field !py-2 w-64">
        <button class="btn-outline !py-2">Cari</button>
    </form>
    <div class="flex gap-2">
        <a href="{{ route('admin.members.export') }}" class="btn-outline !py-2">Export CSV</a>
        <a href="{{ route('admin.members.create') }}" class="btn-accent !py-2">+ Member</a>
    </div>
</div>

<div class="card overflow-hidden">
    <table class="w-full text-sm">
        <thead class="border-b border-qr-border text-left text-qr-muted">
            <tr>
                <th class="p-4">Nama</th><th class="p-4">Kontak</th><th class="p-4">No. Member</th>
                <th class="p-4">Akses Terakhir</th><th class="p-4 text-right">Aksi</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-qr-border">
            @forelse($members as $m)
            <tr>
                <td class="p-4">
                    <p class="font-semibold">{{ $m->name }}</p>
                    <p class="text-xs text-qr-muted">{{ $m->email }}</p>
                </td>
                <td class="p-4 text-qr-muted">{{ $m->whatsapp ?? '—' }}</td>
                <td class="p-4 font-mono text-xs">{{ $m->member_no ?? '—' }}</td>
                <td class="p-4 text-qr-muted text-xs">{{ $m->last_access_at?->diffForHumans() ?? 'Belum pernah' }}</td>
                <td class="p-4">
                    <div class="flex justify-end gap-2">
                        <a href="{{ route('admin.members.edit', $m) }}" class="text-qr-accent-light">Edit</a>
                        <form method="POST" action="{{ route('admin.members.destroy', $m) }}" onsubmit="return confirm('Hapus member ini?')">
                            @csrf @method('DELETE')
                            <button class="text-red-400">Hapus</button>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="5" class="p-8 text-center text-qr-muted">Belum ada member.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $members->links() }}</div>
@endsection