@extends('admin.layouts.app')
@section('title','Committees & LOC')
@section('page-title','Committees & LOC')
@section('page-subtitle','Manage conference committees and members')
@section('committees-active','active')
@section('content')

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

<div class="mb-3">
    <a href="{{ route('admin.bulk-uploads.index', ['upload_type' => 'committee_members', 'conference_id' => $conferenceId]) }}" class="btn btn-sm btn-outline-green">
        <i class="fas fa-upload me-1"></i> Bulk Import Members
    </a>
</div>

<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 Committee</h6>
    <form method="POST" action="{{ route('admin.committees.store') }}">
        @csrf
        <div class="row g-3">
            <div class="col-md-4">
                <select name="conference_id" class="form-select" required>
                    @foreach($conferences as $conf)
                        <option value="{{ $conf->id }}" @selected($conferenceId == $conf->id)>{{ $conf->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4"><input name="name" class="form-control" placeholder="Committee name" required></div>
            <div class="col-md-4"><input name="description" class="form-control" placeholder="Description"></div>
            <div class="col-md-12"><button type="submit" class="btn btn-green">Create Committee</button></div>
        </div>
    </form>
</div>

@forelse($committees as $committee)
<div class='cardx p-4 mb-3'>
    <div class="d-flex justify-content-between align-items-start">
        <div>
            <h5>{{ $committee->name }}</h5>
            <p class="text-muted mb-1">{{ $committee->conference?->name }}</p>
            <p>{{ $committee->description }}</p>
        </div>
        <span class="badge {{ $committee->status === 'active' ? 'bg-success' : 'bg-secondary' }}">{{ ucfirst($committee->status) }}</span>
    </div>
    <h6 class="mt-3">Members ({{ $committee->members->count() }})</h6>
    <table class="table table-sm">
        <thead><tr><th>Name</th><th>Email</th><th>Role</th><th>Affiliation</th><th>Status</th></tr></thead>
        <tbody>
            @forelse($committee->members as $member)
                <tr>
                    <td>{{ $member->first_name }} {{ $member->last_name }}</td>
                    <td>{{ $member->email }}</td>
                    <td>{{ $member->role }}</td>
                    <td>{{ $member->affiliation }}</td>
                    <td>{{ ucfirst($member->status) }}</td>
                </tr>
            @empty
                <tr><td colspan="5" class="text-muted">No members yet.</td></tr>
            @endforelse
        </tbody>
    </table>
    <form method="POST" action="{{ route('admin.committees.members.store', $committee) }}" class="row g-2 mt-2">
        @csrf
        <div class="col-md-2"><input name="first_name" class="form-control form-control-sm" placeholder="First name" required></div>
        <div class="col-md-2"><input name="last_name" class="form-control form-control-sm" placeholder="Last name" required></div>
        <div class="col-md-3"><input name="email" class="form-control form-control-sm" placeholder="Email"></div>
        <div class="col-md-2"><input name="role" class="form-control form-control-sm" placeholder="Role"></div>
        <div class="col-md-2"><input name="affiliation" class="form-control form-control-sm" placeholder="Affiliation"></div>
        <div class="col-md-1"><button class="btn btn-sm btn-green">Add</button></div>
    </form>
</div>
@empty
<div class='cardx p-4'><p class="text-muted mb-0">No committees created yet.</p></div>
@endforelse

{{ $committees->links() }}

@endsection