@extends('layouts.app')

@section('title', $exercise->name.' · FranCoach')

@section('content')
<x-breadcrumbs :items="[['label' => 'Esercizi', 'url' => route('coach.exercises.index')], ['label' => $exercise->name]]" />

<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <div class="d-flex gap-2 mb-2">
            <span class="badge {{ $exercise->is_active ? 'text-bg-success' : 'text-bg-secondary' }}">{{ $exercise->is_active ? 'Attivo' : 'Non attivo' }}</span>
            <span class="badge text-bg-light">{{ $exercise->difficulty->label() }}</span>
        </div>
        <h1 class="h2 mb-1">{{ $exercise->name }}</h1>
        @if ($exercise->short_description)<p class="text-body-secondary mb-0">{{ $exercise->short_description }}</p>@endif
    </div>
    <div class="d-flex flex-wrap gap-2">
        <a href="{{ route('coach.exercises.athlete-preview', $exercise) }}" class="btn btn-outline-primary"><i class="bi bi-eye" aria-hidden="true"></i> Anteprima atleta</a>
        <a href="{{ route('coach.exercises.edit', $exercise) }}" class="btn btn-primary"><i class="bi bi-pencil" aria-hidden="true"></i> Modifica</a>
    </div>
</div>

<div class="row g-4">
    <div class="col-12 col-lg-8">
        <x-exercise-media-gallery :exercise="$exercise" />
        @if ($exercise->media_attribution)
            <p class="text-body-secondary small mb-4">{{ $exercise->media_attribution }}</p>
        @endif
        @if ($exercise->video_url)
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-body"><x-video-player :video="$exercise" /></div>
            </div>
        @endif
        @foreach ([
            'full_description' => 'Descrizione',
            'initial_position' => 'Posizione iniziale',
            'execution' => 'Esecuzione',
            'breathing' => 'Respirazione',
            'common_errors' => 'Errori comuni',
            'technical_notes' => 'Note tecniche',
            'coach_notes' => 'Note private coach',
        ] as $field => $label)
            @if ($exercise->{$field})
                <section class="card border-0 shadow-sm mb-3">
                    <div class="card-body">
                        <h2 class="h5">{{ $label }}</h2>
                        <div class="text-preline">{{ $exercise->{$field} }}</div>
                    </div>
                </section>
            @endif
        @endforeach
    </div>
    <div class="col-12 col-lg-4">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-6">Categoria</dt><dd class="col-6">{{ $exercise->category?->name ?? '—' }}</dd>
                    <dt class="col-6">Tipo</dt><dd class="col-6">{{ $exercise->exercise_type->label() }}</dd>
                    <dt class="col-6">Attrezzatura</dt><dd class="col-6">{{ $exercise->equipment?->name ?? 'Nessuna' }}</dd>
                    <dt class="col-6">Muscolo primario</dt><dd class="col-6">{{ $exercise->primaryMuscleGroup?->name ?? '—' }}</dd>
                    <dt class="col-6">Secondari</dt><dd class="col-6">{{ $exercise->secondaryMuscleGroups->pluck('name')->join(', ') ?: '—' }}</dd>
                    <dt class="col-6">Visibilità</dt><dd class="col-6">{{ $exercise->is_visible_to_athlete ? 'Pubblica atleta' : 'Solo se assegnato' }}</dd>
                </dl>
            </div>
        </div>
        <form method="POST" action="{{ route('coach.exercises.duplicate', $exercise) }}" class="d-grid mb-2">
            @csrf
            <button class="btn btn-outline-secondary"><i class="bi bi-copy" aria-hidden="true"></i> Duplica</button>
        </form>
        <form method="POST" action="{{ route('coach.exercises.destroy', $exercise) }}" class="d-grid" data-confirm-form data-confirm-title="Elimina esercizio" data-confirm-message="L’esercizio verrà spostato nel cestino e potrà essere ripristinato.">
            @csrf @method('DELETE')
            <button class="btn btn-outline-danger"><i class="bi bi-trash" aria-hidden="true"></i> Elimina</button>
        </form>
    </div>
</div>
@endsection