@extends('layouts.app')

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

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

@if ($isCoachPreview)
    <div class="alert alert-info d-flex align-items-center gap-2" role="status">
        <i class="bi bi-eye" aria-hidden="true"></i> Anteprima della pagina visibile all’atleta.
    </div>
@endif

<article class="mx-auto exercise-athlete-view">
    <x-exercise-media-gallery :exercise="$exercise" />
    @if ($exercise->media_attribution)
        <p class="text-body-secondary small mb-4">{{ $exercise->media_attribution }}</p>
    @endif
    <div class="mb-4">
        <span class="badge text-bg-light mb-2">{{ $exercise->difficulty->label() }}</span>
        <h1 class="display-6 fw-bold">{{ $exercise->name }}</h1>
        @if ($exercise->short_description)<p class="lead text-body-secondary">{{ $exercise->short_description }}</p>@endif
    </div>

    @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' => 'Come eseguirlo',
        'breathing' => 'Respirazione',
        'common_errors' => 'Errori da evitare',
        'technical_notes' => 'Note tecniche',
    ] as $field => $label)
        @if ($exercise->{$field})
            <section class="card border-0 shadow-sm mb-3">
                <div class="card-body">
                    <h2 class="h4">{{ $label }}</h2>
                    <div class="text-preline">{{ $exercise->{$field} }}</div>
                </div>
            </section>
        @endif
    @endforeach
</article>
@endsection