@extends('layouts.app')

@section('title', 'Libreria esercizi · FranCoach')

@section('content')
<x-breadcrumbs :items="[['label' => 'Dashboard', 'url' => route('coach.dashboard')], ['label' => 'Esercizi']]" />

<div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">Libreria esercizi</h1>
        <p class="text-body-secondary mb-0">Gestisci istruzioni, visibilità e contenuti video.</p>
    </div>
    <div class="d-flex gap-2">
        @if ($trashedCount)
            <a href="{{ route('coach.exercises.trashed') }}" class="btn btn-outline-secondary">
                <i class="bi bi-trash" aria-hidden="true"></i> Cestino
                <span class="badge text-bg-secondary">{{ $trashedCount }}</span>
            </a>
        @endif
        <a href="{{ route('coach.exercises.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-lg" aria-hidden="true"></i> Crea esercizio
        </a>
    </div>
</div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-body">
        <form method="GET" class="row g-3" role="search">
            <div class="col-12 col-lg-4">
                <label for="exercise-search" class="form-label">Cerca</label>
                <input id="exercise-search" name="search" value="{{ request('search') }}" class="form-control" placeholder="Nome o descrizione">
            </div>
            <div class="col-6 col-lg-2">
                <label for="exercise-category" class="form-label">Categoria</label>
                <select id="exercise-category" name="category" class="form-select">
                    <option value="">Tutte</option>
                    @foreach ($categories as $category)
                        <option value="{{ $category->id }}" @selected((string) request('category') === (string) $category->id)>{{ $category->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-lg-4">
                <label for="exercise-muscle-group" class="form-label">Gruppo muscolare</label>
                <select id="exercise-muscle-group" name="muscle_group" class="form-select">
                    <option value="">Tutte</option>
                    @foreach ($muscleGroups as $muscleGroup)
                        <option value="{{ $muscleGroup->id }}" @selected((string) request('muscle_group') === (string) $muscleGroup->id)>{{ $muscleGroup->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-lg-2">
                <label for="exercise-status" class="form-label">Stato</label>
                <select id="exercise-status" name="status" class="form-select">
                    <option value="">Tutti</option>
                    <option value="active" @selected(request('status') === 'active')>Attivi</option>
                    <option value="inactive" @selected(request('status') === 'inactive')>Non attivi</option>
                </select>
            </div>
            <div class="col-12 d-flex gap-2">
                <button class="btn btn-dark" type="submit">Applica filtri</button>
                <a href="{{ route('coach.exercises.index') }}" class="btn btn-link">Azzera</a>
            </div>
        </form>
    </div>
</div>

@if ($exercises->isEmpty())
    <x-empty-state icon="bi-lightning-charge" title="Nessun esercizio trovato" message="Crea il primo esercizio o modifica i filtri di ricerca.">
        <a href="{{ route('coach.exercises.create') }}" class="btn btn-primary">Crea esercizio</a>
    </x-empty-state>
@else
    <div class="card border-0 shadow-sm">
        <div class="table-responsive">
            <table class="table align-middle mb-0">
                <thead>
                    <tr>
                        <th scope="col">Esercizio</th>
                        <th scope="col">Categoria</th>
                        <th scope="col">Video</th>
                        <th scope="col">Visibilità</th>
                        <th scope="col">Stato</th>
                        <th scope="col" class="text-end">Azioni</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($exercises as $exercise)
                        <tr>
                            <td>
                                <a href="{{ route('coach.exercises.show', $exercise) }}" class="fw-semibold text-decoration-none">{{ $exercise->name }}</a>
                                <div class="small text-body-secondary">{{ $exercise->difficulty->label() }} · {{ $exercise->plan_exercises_count }} schede</div>
                            </td>
                            <td>{{ $exercise->category?->name ?? '—' }}</td>
                            <td>{{ $exercise->video_provider?->label() ?? '—' }}</td>
                            <td>
                                <span class="badge {{ $exercise->is_visible_to_athlete ? 'text-bg-info' : 'text-bg-light' }}">
                                    {{ $exercise->is_visible_to_athlete ? 'Visibile' : 'Solo schede' }}
                                </span>
                            </td>
                            <td><span class="badge {{ $exercise->is_active ? 'text-bg-success' : 'text-bg-secondary' }}">{{ $exercise->is_active ? 'Attivo' : 'Non attivo' }}</span></td>
                            <td class="text-end text-nowrap">
                                <a href="{{ route('coach.exercises.edit', $exercise) }}" class="btn btn-sm btn-outline-secondary" aria-label="Modifica {{ $exercise->name }}"><i class="bi bi-pencil" aria-hidden="true"></i></a>
                                <form method="POST" action="{{ route('coach.exercises.status', $exercise) }}" class="d-inline">
                                    @csrf @method('PATCH')
                                    <button class="btn btn-sm btn-outline-secondary" aria-label="{{ $exercise->is_active ? 'Disattiva' : 'Riattiva' }} {{ $exercise->name }}">
                                        <i class="bi {{ $exercise->is_active ? 'bi-pause' : 'bi-play' }}" aria-hidden="true"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if ($exercises->hasPages())
            <div class="card-footer">
                {{ $exercises->links('components.exercise-pagination') }}
            </div>
        @endif
    </div>
@endif
@endsection