@extends('layouts.dashboard')

@section('title', 'Student Chapters Administration | AICDS Admin')

@section('dashboard_content')

<div class="card p-4 border rounded-4 shadow-sm bg-white mb-4">
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <h4 class="fw-bold mb-0">Collegiate Student Chapters Administration</h4>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.chapters') }}" class="btn btn-sm {{ empty(request('status')) ? 'btn-primary' : 'btn-outline-primary' }}">All</a>
            <a href="{{ route('admin.chapters') }}?status=submitted" class="btn btn-sm {{ request('status') === 'submitted' ? 'btn-primary' : 'btn-outline-primary' }}">Pending Review</a>
            <a href="{{ route('admin.chapters') }}?status=approved" class="btn btn-sm {{ request('status') === 'approved' ? 'btn-primary' : 'btn-outline-primary' }}">Approved</a>
            <a href="{{ route('admin.chapters') }}?status=rejected" class="btn btn-sm {{ request('status') === 'rejected' ? 'btn-primary' : 'btn-outline-primary' }}">Rejected</a>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Chapter Code</th>
                    <th>Institution &amp; Category</th>
                    <th>Coordinator Contact</th>
                    <th>Student Count</th>
                    <th>Status</th>
                    <th class="text-end">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($chapters as $ch)
                    <tr>
                        <td><code>{{ $ch->chapter_code }}</code></td>
                        <td>
                            <strong>{{ $ch->institution_name }}</strong><br>
                            <span class="badge bg-light text-dark border small">{{ $ch->institution_type }}</span><br>
                            <small class="text-muted">{{ $ch->city }}, {{ $ch->state }}</small>
                        </td>
                        <td>
                            <strong>{{ $ch->faculty_coordinator_name }}</strong><br>
                            <small class="text-muted"><i class="icofont-envelope"></i> {{ $ch->faculty_coordinator_email }}</small><br>
                            <small class="text-muted"><i class="icofont-phone"></i> {{ $ch->faculty_coordinator_phone }}</small>
                        </td>
                        <td>
                            <span class="badge {{ $ch->proposed_student_count >= $ch->min_required_members ? 'bg-success-subtle text-success' : 'bg-danger-subtle text-danger' }} fs-6">
                                {{ $ch->proposed_student_count }} / {{ $ch->min_required_members }} Min
                            </span>
                        </td>
                        <td>
                            <span class="badge {{ $ch->status === 'approved' ? 'bg-success' : ($ch->status === 'submitted' ? 'bg-warning text-dark' : 'bg-danger') }} text-uppercase">
                                {{ $ch->status }}
                            </span>
                        </td>
                        <td class="text-end">
                            @if($ch->status === 'submitted')
                                <form action="{{ route('admin.chapters.review', $ch->id) }}" method="POST" class="d-inline-block">
                                    @csrf
                                    <input type="hidden" name="action" value="approve">
                                    <button type="submit" class="btn btn-sm btn-success">Approve Chapter</button>
                                </form>
                                <form action="{{ route('admin.chapters.review', $ch->id) }}" method="POST" class="d-inline-block ms-1" onsubmit="return confirm('Reject chapter?');">
                                    @csrf
                                    <input type="hidden" name="action" value="reject">
                                    <button type="submit" class="btn btn-sm btn-outline-danger">Reject</button>
                                </form>
                            @else
                                <span class="text-muted small">Reviewed</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center text-muted py-4">No student chapters found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $chapters->links() }}</div>
</div>

@endsection