@extends('admin.layouts.app')
@section('title','Beneficiaries')
@section('breadcrumb') <span>/</span> Beneficiaries @endsection

@section('content')
<div class="page-header">
    <div><h1>Beneficiaries</h1><p class="page-subtitle">Manage beneficiaries and assistance records</p></div>
    @if(auth()->user()->hasPermission('beneficiaries.create'))
    <a href="{{ route('admin.beneficiaries.create') }}" class="btn btn-primary">
        <i class="fas fa-user-plus me-2"></i>Add Beneficiary
    </a>
    @endif
</div>

<!-- Stats -->
<div class="row g-3 mb-4">
    <div class="col-6 col-md-3"><div class="card p-3 text-center" style="border-top:3px solid #2563eb;"><div style="font-size:22px;font-weight:700;">{{ $stats['total'] }}</div><div style="font-size:12px;color:#64748b;">Total</div></div></div>
    <div class="col-6 col-md-3"><div class="card p-3 text-center" style="border-top:3px solid #22c55e;"><div style="font-size:22px;font-weight:700;">{{ $stats['active'] }}</div><div style="font-size:12px;color:#64748b;">Active</div></div></div>
    <div class="col-6 col-md-3"><div class="card p-3 text-center" style="border-top:3px solid #3b82f6;"><div style="font-size:22px;font-weight:700;">{{ $stats['male'] }}</div><div style="font-size:12px;color:#64748b;">Male</div></div></div>
    <div class="col-6 col-md-3"><div class="card p-3 text-center" style="border-top:3px solid #ec4899;"><div style="font-size:22px;font-weight:700;">{{ $stats['female'] }}</div><div style="font-size:12px;color:#64748b;">Female</div></div></div>
</div>

<!-- Filters -->
<div class="card mb-3">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3"><input type="text" name="search" class="form-control" placeholder="Name, mobile, ID..." value="{{ request('search') }}"></div>
            <div class="col-md-2">
                <select name="project_id" class="form-select">
                    <option value="">All Projects</option>
                    @foreach($projects as $id => $name)
                    <option value="{{ $id }}" {{ request('project_id')==$id?'selected':'' }}>{{ Str::limit($name,30) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="gender" class="form-select">
                    <option value="">All Gender</option>
                    <option value="male"   {{ request('gender')==='male'?'selected':'' }}>Male</option>
                    <option value="female" {{ request('gender')==='female'?'selected':'' }}>Female</option>
                    <option value="other"  {{ request('gender')==='other'?'selected':'' }}>Other</option>
                </select>
            </div>
            <div class="col-md-2">
                <select name="status" class="form-select">
                    <option value="">All Status</option>
                    <option value="active"    {{ request('status')==='active'?'selected':'' }}>Active</option>
                    <option value="inactive"  {{ request('status')==='inactive'?'selected':'' }}>Inactive</option>
                    <option value="completed" {{ request('status')==='completed'?'selected':'' }}>Completed</option>
                </select>
            </div>
            <div class="col-md-3 d-flex gap-2">
                <button class="btn btn-primary flex-grow-1"><i class="fas fa-search me-1"></i>Search</button>
                <a href="{{ route('admin.beneficiaries.index') }}" class="btn btn-outline-secondary">Reset</a>
            </div>
        </form>
    </div>
</div>

<!-- Table -->
<div class="card">
    <div class="card-header d-flex align-items-center justify-content-between">
        <h6 class="mb-0 fw-700"><i class="fas fa-user-friends text-success me-2"></i>All Beneficiaries</h6>
        <span class="badge bg-success">{{ $beneficiaries->total() }} total</span>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead style="background:#f8fafc;">
                    <tr>
                        <th class="ps-3">S.N.</th><th>ID</th><th>Name</th><th>Mobile</th>
                        <th>Gender</th><th>Category</th><th>Project</th><th>Assistance</th><th>Status</th>
                        <th class="text-center">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($beneficiaries as $i => $ben)
                    <tr>
                        <td class="ps-3 text-muted">{{ ($beneficiaries->currentPage()-1)*$beneficiaries->perPage()+$i+1 }}</td>
                        <td><code style="font-size:11px;background:#f0fdf4;padding:2px 6px;border-radius:4px;color:#166534;">{{ $ben->beneficiary_id }}</code></td>
                        <td>
                            <div style="font-weight:600;font-size:13px;">{{ $ben->name }}</div>
                            @if($ben->guardian_name)
                            <div style="font-size:11px;color:#94a3b8;">{{ ucfirst($ben->guardian_relation??'Guardian') }}: {{ $ben->guardian_name }}</div>
                            @endif
                        </td>
                        <td style="font-size:12px;">{{ $ben->mobile ?? '—' }}</td>
                        <td>
                            @if($ben->gender)
                            <span class="badge bg-{{ $ben->gender==='male'?'info':($ben->gender==='female'?'pink':'secondary') }}" style="{{ $ben->gender==='female'?'background:#ec4899;':'' }}">
                                {{ ucfirst($ben->gender) }}
                            </span>
                            @else <span class="text-muted">—</span> @endif
                        </td>
                        <td style="font-size:12px;">{{ $ben->category ?? '—' }}</td>
                        <td style="font-size:12px;">{{ Str::limit($ben->project?->project_title,25) ?? '—' }}</td>
                        <td style="font-size:12px;">{{ $ben->assistance_type ?? '—' }}</td>
                        <td><span class="badge bg-{{ $ben->status==='active'?'success':($ben->status==='completed'?'primary':'secondary') }}">{{ ucfirst($ben->status) }}</span></td>
                        <td class="text-center">
                            <div class="d-flex gap-1 justify-content-center">
                                <a href="{{ route('admin.beneficiaries.show',$ben) }}" class="btn btn-sm btn-outline-info" title="View"><i class="fas fa-eye"></i></a>
                                @if(auth()->user()->hasPermission('beneficiaries.edit'))
                                <a href="{{ route('admin.beneficiaries.edit',$ben) }}" class="btn btn-sm btn-outline-primary" title="Edit"><i class="fas fa-edit"></i></a>
                                @endif
                                <a href="{{ route('admin.beneficiaries.assistance',$ben) }}" class="btn btn-sm btn-outline-success" title="Assistance"><i class="fas fa-hands-helping"></i></a>
                                @if(auth()->user()->hasPermission('beneficiaries.delete'))
                                <button class="btn btn-sm btn-outline-danger" onclick="confirmDelete('{{ route('admin.beneficiaries.destroy',$ben) }}','{{ $ben->name }}')"><i class="fas fa-trash"></i></button>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="10" class="text-center py-5">
                            <i class="fas fa-user-friends d-block mb-2" style="font-size:32px;color:#cbd5e1;"></i>
                            <p class="text-muted">No beneficiaries found</p>
                            @if(auth()->user()->hasPermission('beneficiaries.create'))
                            <a href="{{ route('admin.beneficiaries.create') }}" class="btn btn-sm btn-primary"><i class="fas fa-plus me-1"></i>Add Beneficiary</a>
                            @endif
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($beneficiaries->hasPages())
    <div class="card-footer bg-white py-3">{{ $beneficiaries->links() }}</div>
    @endif
</div>
@endsection