@extends('admin.layouts.app')
@section('title','Conference Speakers')
@section('page-title','Conference Speakers')
@section('page-subtitle','Assign invited speakers and review their presentation materials')
@section('content')

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

<form method="GET" class="mb-3">
    <div class="row g-2 align-items-end">
        <div class="col-md-3">
            <label class="form-label small">Conference</label>
            <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>
        <div class="col-md-3">
            <label class="form-label small">Status</label>
            <select name="status" class="form-select" onchange="this.form.submit()">
                <option value="">All</option>
                @foreach(['active','inactive'] as $s)
                    <option value="{{ $s }}" @selected($status === $s)>{{ ucfirst($s) }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-4">
            <label class="form-label small">Search user</label>
            <input type="text" name="search" class="form-control" value="{{ $search }}" placeholder="Name, email, membership number">
        </div>
        <div class="col-md-2">
            <button type="submit" class="btn btn-green w-100">Filter</button>
        </div>
    </div>
</form>

<div class="cardx p-4 mb-4">
    <h5 class="mb-3">Assign Speaker</h5>
    <p class="text-muted small">Speakers do not need paid registration. They only need an account on the system. LOC or Admin can assign the speaker role for a conference so they can upload slides, a document, and their presentation title.</p>
    <form method="POST" action="{{ route('admin.conference-speakers.store') }}" class="row g-3">
        @csrf
        <div class="col-md-3">
            <label class="form-label">Conference *</label>
            <select name="conference_id" class="form-select" required>
                <option value="">Select conference</option>
                @foreach($conferences as $conf)
                    <option value="{{ $conf->id }}" @selected(old('conference_id', $conferenceId) == $conf->id)>{{ $conf->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">User *</label>
            <select name="user_id" class="form-select" required>
                <option value="">Select user</option>
                @foreach($userOptions as $u)
                    <option value="{{ $u->id }}" @selected(old('user_id') == $u->id)>{{ $u->name }} — {{ $u->email }}</option>
                @endforeach
            </select>
            @if($search && $userOptions->isEmpty())
                <small class="text-muted">No users match your search. Try a different term.</small>
            @elseif(!$search)
                <small class="text-muted">Use search above to find users, or pick from recent accounts.</small>
            @endif
        </div>
        <div class="col-md-3">
            <label class="form-label">Presentation title / topic</label>
            <input type="text" name="presentation_title" class="form-control" value="{{ old('presentation_title') }}" placeholder="As given for the session">
        </div>
        <div class="col-md-3">
            <label class="form-label">Internal notes</label>
            <input type="text" name="notes" class="form-control" value="{{ old('notes') }}" placeholder="Optional">
        </div>
        <div class="col-12">
            <button type="submit" class="btn btn-green"><i class="fa fa-user-plus me-1"></i>Assign Speaker</button>
        </div>
    </form>
</div>

<div class="cardx p-4">
    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr>
                    <th>Speaker</th>
                    <th>Conference</th>
                    <th>Title / Topic</th>
                    <th>Upload</th>
                    <th>Approval</th>
                    <th>Assigned</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($speakers as $speaker)
                    <tr>
                        <td>
                            {{ $speaker->user?->name }}<br>
                            <small class="text-muted">{{ $speaker->user?->email }}</small>
                        </td>
                        <td>{{ $speaker->conference?->short_name ?? $speaker->conference?->name }}</td>
                        <td>{{ Str::limit($speaker->presentation_title ?? '—', 40) }}</td>
                        <td>{{ str_replace('_', ' ', ucfirst($speaker->upload_status)) }}</td>
                        <td><span class="badge badge-soft">{{ ucfirst($speaker->approval_status) }}</span></td>
                        <td>{{ $speaker->assigned_at?->format('M d, Y') ?? '—' }}</td>
                        <td>
                            <a class="btn btn-sm btn-outline-green" href="{{ route('admin.conference-speakers.show', $speaker) }}">View</a>
                            @if($speaker->approval_status === 'pending' && $speaker->hasUploadedMaterials())
                                <a class="btn btn-sm btn-green" href="{{ route('admin.conference-speakers.review', $speaker) }}">Review</a>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-muted">No speakers assigned yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $speakers->links() }}
</div>
@endsection