@extends('layouts.default')

@section('title', 'Plan de Ejercicios')

@section('content')
<!-- Content Header -->
<section class="content-header">
    <div aria-label="breadcrumb" class="card-breadcrumb">
        <h1>Mi Plan de Ejercicios</h1>
    </div>
    <div class="separator-breadcrumb border-top"></div>
</section>

<!-- Main content -->
<div class="content">
    <div class="clearfix"></div>

    <div class="card">
        <div class="card-header">
            <h5 class="card-title mb-0">{{ $plan->nombre }}</h5>
            <p class="card-text">{{ $plan->descripcion }}</p>
        </div>

        <div class="card-body">
            @php
                $diasSemana = ['lunes', 'martes', 'miércoles', 'jueves', 'viernes', 'sábado', 'domingo'];
            @endphp

            <div class="accordion" id="planEjerciciosAccordion">
                @foreach($diasSemana as $dia)
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="heading{{ ucfirst($dia) }}">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" 
                                    data-bs-target="#collapse{{ ucfirst($dia) }}" aria-expanded="false" 
                                    aria-controls="collapse{{ ucfirst($dia) }}">
                                {{ ucfirst($dia) }}
                            </button>
                        </h2>
                        <div id="collapse{{ ucfirst($dia) }}" class="accordion-collapse collapse" 
                             aria-labelledby="heading{{ ucfirst($dia) }}" data-bs-parent="#planEjerciciosAccordion">
                            <div class="accordion-body">
                                @php
                                    $ejerciciosDelDia = $plan->ejercicios()
                                        ->whereHas('dias', function($query) use ($dia) {
                                            $query->where('dia_semana', $dia);
                                        })
                                        ->get();
                                @endphp

                                @if($ejerciciosDelDia->count() > 0)
                                    <div class="table-responsive">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>Ejercicio</th>
                                                    <th>Series</th>
                                                    <th>Peso Sugerido</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($ejerciciosDelDia as $ejercicio)
                                                    <tr>
                                                        <td>{{ $ejercicio->nombre }}</td>
                                                        <td>{{ $ejercicio->pivot->series ?? 'No especificado' }}</td>
                                                        <td>{{ $ejercicio->pivot->peso ?? 'No especificado' }} kg</td>
                                                        <td>
                                                            <a href="{{ route('seguimientos.ejercicios.create', ['ejercicio_id' => $ejercicio->id, 'dia' => $dia]) }}" 
                                                               class="btn btn-sm btn-primary">
                                                                <i class="fas fa-plus"></i> Registrar
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @else
                                    <p class="text-muted">No hay ejercicios asignados para este día.</p>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
@endsection