@extends('admin.layouts.app')
@section('title','AGM Management')
@section('page-title','AGM Management')
@section('page-subtitle','Create AGMs, upload reports, and record attendance via QR scan')
@section('agm-active','active')
@section('content')

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

<form method="GET" class="mb-3">
    <div class="col-md-4">
        <select name="conference_id" class="form-select" onchange="this.form.submit()">
            <option value="">All Conferences</option>
            @foreach($conferences as $conf)
                <option value="{{ $conf->id }}" @selected($conferenceId == $conf->id)>{{ $conf->name }}</option>
            @endforeach
        </select>
    </div>
</form>

<div class='cardx p-4 mb-4'>
    <h6>Create AGM</h6>
    <form method="POST" action="{{ route('admin.agm.store') }}">
        @csrf
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label">Conference</label>
                <select name="conference_id" class="form-select" required>
                    @foreach($conferences as $conf)
                        <option value="{{ $conf->id }}">{{ $conf->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2"><label class="form-label">Year</label><input type="number" name="agm_year" class="form-control" value="{{ date('Y') }}" required></div>
            <div class="col-md-3"><label class="form-label">Date</label><input type="date" name="date" class="form-control" required></div>
            <div class="col-md-3"><label class="form-label">Time</label><input type="time" name="time" class="form-control"></div>
            <div class="col-md-6"><label class="form-label">Theme</label><input name="theme" class="form-control"></div>
            <div class="col-md-6"><label class="form-label">Venue</label><input name="venue" class="form-control"></div>
            <div class="col-md-12"><label class="form-label">Agenda</label><textarea name="agenda" class="form-control" rows="3"></textarea></div>
            <div class="col-md-12"><button type="submit" class="btn btn-green">Create AGM</button></div>
        </div>
    </form>
</div>

<div class='cardx p-4'>
    <h6>AGM List</h6>
    <div class="table-responsive">
        <table class='table'>
            <thead><tr><th>Year</th><th>Conference</th><th>Theme</th><th>Date</th><th>Venue</th><th>Present</th><th>Docs</th><th>Status</th><th>Actions</th></tr></thead>
            <tbody>
                @forelse($agms as $agm)
                    <tr>
                        <td>{{ $agm->agm_year }}</td>
                        <td>{{ $agm->conference?->name }}</td>
                        <td>{{ Str::limit($agm->theme, 40) }}</td>
                        <td>{{ $agm->date?->format('M d, Y') }} {{ $agm->time }}</td>
                        <td>{{ $agm->venue }}</td>
                        <td>{{ $agm->present_count ?? 0 }}</td>
                        <td>{{ $agm->documents->count() }}</td>
                        <td><span class="badge badge-soft">{{ ucfirst($agm->status) }}</span></td>
                        <td>
                            <a href="{{ route('admin.agm.show', $agm) }}" class="btn btn-sm btn-outline-green">Manage</a>
                            <form method="POST" action="{{ route('admin.agm.destroy', $agm) }}" class="d-inline" onsubmit="return confirm('Cancel this AGM?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger">Cancel</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="9" class="text-muted">No AGMs scheduled yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $agms->links() }}
</div>

@endsection