@extends('layouts.app')
@section('title','Projects')
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Projects</h1>
        <p class="page-subtitle">Review team details, submissions, evaluation status, and final results.</p>
    </div>
    @if(auth()->user()->hasAnyRole(['superadmin','admin','student']))
        <a class="btn btn-primary" href="{{ route('projects.create') }}">＋ Register Project</a>
    @endif
</div>

<form class="toolbar" method="get">
    <div class="field">
        <label>Search</label>
        <input name="search" value="{{ request('search') }}" placeholder="Project code or title">
    </div>
    <div class="field">
        <label>Competition</label>
        <select name="competition">
            <option value="">All competitions</option>
            @foreach($competitions as $competition)
                <option value="{{ $competition->id }}" @selected((string)request('competition') === (string)$competition->id)>
                    {{ $competition->code }} — {{ $competition->title }}
                </option>
            @endforeach
        </select>
    </div>
    <div class="field">
        <label>Category</label>
        <select name="category">
            <option value="">All categories</option>
            @foreach($categories as $category)
                <option value="{{ $category }}" @selected(request('category') === $category)>{{ $category }}</option>
            @endforeach
        </select>
    </div>
    <button class="btn btn-secondary" type="submit">Filter</button>
    @if(request()->hasAny(['search','competition','category']))
        <a class="btn btn-outline" href="{{ route('projects.index') }}">Clear</a>
    @endif
</form>

<div class="card">
    <div class="table-wrap">
        <table class="table">
            <thead><tr><th>Project</th><th>Competition</th><th>Category</th><th>Team</th><th>Status</th><th>Score</th><th></th></tr></thead>
            <tbody>
            @forelse($projects as $project)
                <tr>
                    <td><strong>{{ $project->project_code }}</strong><br><span class="muted">{{ $project->title }}</span></td>
                    <td>{{ $project->competition->code }}</td>
                    <td>{{ $project->category }}</td>
                    <td>{{ $project->members->pluck('name')->join(', ') }}</td>
                    <td><span class="badge {{ $project->status === 'finalised' ? 'badge-green' : 'badge-blue' }}">{{ str_replace('_',' ',$project->status) }}</span></td>
                    <td>{{ $project->average_score !== null ? number_format((float)$project->average_score,2) : '—' }}</td>
                    <td><a class="btn btn-outline btn-sm" href="{{ route('projects.show',$project) }}">Open</a></td>
                </tr>
            @empty
                <tr><td colspan="7"><div class="empty"><div class="empty-icon">💡</div>No project records found.</div></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
{{ $projects->links() }}
@endsection