@php
    use App\Models\PlanDia;
    use App\Models\Rutina;
    $orden = [1, 2, 3, 4, 5, 6, 0];
@endphp
<x-layouts.app :titulo="__('app.ejercicio.mi_plan')" :subtitulo="__('app.ejercicio.mi_plan_sub')" seccion="ejercicio">
    <form method="POST" action="{{ route('ejercicio.plan.guardar') }}" class="space-y-4">
        @csrf @method('PUT')

        <section class="tarjeta">
            <x-campo name="meta_pasos" type="number" :label="__('app.ejercicio.meta_pasos')" :value="$metaPasos"
                     :ayuda="__('app.ejercicio.meta_pasos_ayuda')" min="1000" max="30000" step="500" inputmode="numeric" required />
        </section>

        @foreach ($orden as $dia)
            @php $elegida = old("dias.$dia.actividad", $plan[$dia]['actividad']); @endphp
            <fieldset class="tarjeta space-y-3" data-plan-dia>
                <legend class="sr-only">{{ __('app.dias.'.$dia) }}</legend>
                <p class="text-lg font-bold" aria-hidden="true">{{ __('app.dias.'.$dia) }}</p>

                <div class="grid grid-cols-3 gap-2">
                    @foreach (PlanDia::ACTIVIDADES as $actividad)
                        <label class="flex min-h-[64px] cursor-pointer flex-col items-center justify-center gap-1 rounded-2xl bg-slate-50 px-1 text-center text-sm font-semibold ring-1 ring-slate-200 has-[:checked]:bg-green-600 has-[:checked]:text-white has-[:checked]:ring-green-600">
                            <input type="radio" name="dias[{{ $dia }}][actividad]" value="{{ $actividad }}" class="sr-only" @checked($elegida === $actividad) data-actividad>
                            <x-icono :nombre="Rutina::ICONOS[$actividad] ?? 'actividad'" class="h-6 w-6" />
                            {{ __('app.ejercicio.actividades.'.$actividad) }}
                        </label>
                    @endforeach
                </div>

                {{-- Rutina específica (opcional) --}}
                <div data-rutina-dia @if ($elegida === 'descanso') hidden @endif>
                    <label for="rutina-{{ $dia }}" class="text-sm font-semibold text-slate-600">{{ __('app.ejercicio.rutina_opcional') }}</label>
                    <select id="rutina-{{ $dia }}" name="dias[{{ $dia }}][rutina_id]" class="campo mt-1">
                        <option value="">{{ __('app.ejercicio.rutina_sugerida') }}</option>
                        @foreach ($rutinas as $tipo => $grupo)
                            <optgroup label="{{ __('app.ejercicio.tipos.'.$tipo) }}">
                                @foreach ($grupo as $rutina)
                                    <option value="{{ $rutina->id }}" @selected((int) old("dias.$dia.rutina_id", $plan[$dia]['rutina_id']) === $rutina->id)>{{ $rutina->titulo }}</option>
                                @endforeach
                            </optgroup>
                        @endforeach
                    </select>
                </div>
            </fieldset>
        @endforeach

        <button type="submit" class="btn-primario">{{ __('app.ejercicio.guardar_plan') }}</button>
    </form>

    <a href="{{ route('ejercicio.index') }}" class="btn-secundario">{{ __('app.comun.volver') }}</a>
</x-layouts.app>