@extends('admin.layouts.app')
@section('title', 'AGM '.$agm->agm_year)
@section('page-title', 'AGM '.$agm->agm_year)
@section('page-subtitle', $agm->theme ?? 'Annual General Meeting')
@section('agm-active', 'active')
@section('content')

<div class="mb-3">
    <a href="{{ route('admin.agm.index', ['conference_id' => $agm->conference_id]) }}" class="btn btn-outline-secondary btn-sm">
        <i class="fa fa-arrow-left me-1"></i>Back to AGM List
    </a>
</div>

@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
@if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif
@if(session('info'))<div class="alert alert-info">{{ session('info') }}</div>@endif
@if($errors->any())<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>@endif

<div class="row g-4">
    <div class="col-lg-4">
        <div class="cardx p-4 mb-4">
            <h6 class="mb-3">AGM Details</h6>
            <form method="POST" action="{{ route('admin.agm.update', $agm) }}">
                @csrf
                @method('PUT')
                <div class="mb-2">
                    <label class="form-label small">Conference</label>
                    <input class="form-control form-control-sm" value="{{ $agm->conference?->name }}" disabled>
                </div>
                <div class="mb-2">
                    <label class="form-label small">Year</label>
                    <input type="number" name="agm_year" class="form-control form-control-sm" value="{{ old('agm_year', $agm->agm_year) }}" required>
                </div>
                <div class="mb-2">
                    <label class="form-label small">Date</label>
                    <input type="date" name="date" class="form-control form-control-sm" value="{{ old('date', $agm->date?->format('Y-m-d')) }}" required>
                </div>
                <div class="mb-2">
                    <label class="form-label small">Time</label>
                    <input type="time" name="time" class="form-control form-control-sm" value="{{ old('time', $agm->time) }}">
                </div>
                <div class="mb-2">
                    <label class="form-label small">Theme</label>
                    <input name="theme" class="form-control form-control-sm" value="{{ old('theme', $agm->theme) }}">
                </div>
                <div class="mb-2">
                    <label class="form-label small">Venue</label>
                    <input name="venue" class="form-control form-control-sm" value="{{ old('venue', $agm->venue) }}">
                </div>
                <div class="mb-2">
                    <label class="form-label small">Status</label>
                    <select name="status" class="form-select form-select-sm" required>
                        @foreach(['draft','scheduled','ongoing','completed','cancelled'] as $status)
                            <option value="{{ $status }}" @selected(old('status', $agm->status) === $status)>{{ ucfirst($status) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label small">Agenda</label>
                    <textarea name="agenda" class="form-control form-control-sm" rows="4">{{ old('agenda', $agm->agenda) }}</textarea>
                </div>
                <button type="submit" class="btn btn-green btn-sm w-100">Save AGM Details</button>
            </form>
        </div>

        <div class="cardx p-4">
            <h6 class="mb-3">QR Attendance Scan</h6>
            <p class="text-muted small">Scan a member&apos;s conference tag QR, membership number, or registration code to record AGM attendance.</p>
            <form method="POST" action="{{ route('admin.agm.checkin', $agm) }}">
                @csrf
                <div class="mb-3">
                    <label class="form-label small">QR Code / Membership # / Tag</label>
                    <input name="code" class="form-control" required autofocus placeholder="Scan or enter code">
                </div>
                <div class="mb-3">
                    <label class="form-label small">Method</label>
                    <select name="checkin_method" class="form-select form-select-sm">
                        <option value="qr_scan">QR Scan</option>
                        <option value="manual">Manual</option>
                    </select>
                </div>
                <button type="submit" class="btn btn-green w-100">Record Attendance</button>
            </form>
        </div>
    </div>

    <div class="col-lg-8">
        <div class="row g-3 mb-4">
            <div class="col-md-4"><div class="cardx metric"><small>Present (QR)</small><h3>{{ number_format($attendance->count()) }}</h3></div></div>
            <div class="col-md-4"><div class="cardx metric"><small>Documents</small><h3>{{ number_format($agm->documents->count()) }}</h3></div></div>
            <div class="col-md-4"><div class="cardx metric"><small>Status</small><h3 class="fs-5">{{ ucfirst($agm->status) }}</h3></div></div>
        </div>

        <div class="cardx p-4 mb-4">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h6 class="mb-0">Live Attendance List</h6>
                <a href="{{ route('admin.agm.attendance.export', $agm) }}" class="btn btn-sm btn-outline-green">
                    <i class="fa fa-download me-1"></i>Export CSV
                </a>
            </div>
            <p class="text-muted small">Attendance is built automatically from QR scans during this AGM.</p>
            <div class="table-responsive">
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Membership #</th>
                            <th>Email</th>
                            <th>Checked In</th>
                            <th>Method</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($attendance as $row)
                            <tr>
                                <td>{{ $row->user?->name }}</td>
                                <td>{{ $row->user?->membership_number ?? '—' }}</td>
                                <td>{{ $row->user?->email }}</td>
                                <td>{{ $row->checked_in_at?->format('M d, Y H:i') ?? '—' }}</td>
                                <td>{{ str_replace('_', ' ', ucfirst($row->checkin_method ?? '—')) }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="text-muted">No attendance recorded yet. Start scanning QR codes.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="cardx p-4 mb-4">
            <h6 class="mb-3">Upload AGM Documents</h6>
            <p class="text-muted small mb-3">Upload minutes, last AGM attendance list, financial report, and other reports.</p>
            <form method="POST" action="{{ route('admin.agm.documents.store', $agm) }}" enctype="multipart/form-data">
                @csrf
                <div class="row g-2 mb-2">
                    <div class="col-md-4">
                        <label class="form-label small">Document Type</label>
                        <select name="document_type" class="form-select form-select-sm" required>
                            @foreach($documentTypes as $value => $label)
                                <option value="{{ $value }}">{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-8">
                        <label class="form-label small">Title</label>
                        <input name="title" class="form-control form-control-sm" required placeholder="e.g. AGM 2024 Minutes">
                    </div>
                </div>
                <div class="mb-2">
                    <label class="form-label small">Description <span class="text-muted">(optional)</span></label>
                    <input name="description" class="form-control form-control-sm" placeholder="Brief note about this file">
                </div>
                <div class="mb-3">
                    <label class="form-label small">File (PDF, Word, Excel, CSV — max 20MB)</label>
                    <input type="file" name="file" class="form-control form-control-sm" accept=".pdf,.doc,.docx,.xls,.xlsx,.csv" required>
                </div>
                <button type="submit" class="btn btn-green btn-sm">Upload Document</button>
            </form>
        </div>

        <div class="cardx p-4">
            <h6 class="mb-3">Uploaded Documents</h6>
            <div class="table-responsive">
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>Type</th>
                            <th>Title</th>
                            <th>Uploaded</th>
                            <th>By</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($agm->documents->sortByDesc('created_at') as $doc)
                            <tr>
                                <td><span class="badge badge-soft">{{ $doc->typeLabel() }}</span></td>
                                <td>
                                    {{ $doc->title }}
                                    @if($doc->description)
                                        <br><small class="text-muted">{{ $doc->description }}</small>
                                    @endif
                                </td>
                                <td>{{ $doc->created_at?->format('M d, Y') }}</td>
                                <td>{{ $doc->uploader?->name ?? '—' }}</td>
                                <td class="text-end">
                                    <a href="{{ route('admin.agm.documents.download', [$agm, $doc]) }}" class="btn btn-sm btn-outline-green">Download</a>
                                    <form method="POST" action="{{ route('admin.agm.documents.destroy', [$agm, $doc]) }}" class="d-inline" onsubmit="return confirm('Delete this document?')">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger">Delete</button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="text-muted">No documents uploaded yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection