@extends('layouts.default')

@section('title', 'Agregar Ejercicio')

@section('content')
<section class="content-header">
    <div aria-label="breadcrumb" class="card-breadcrumb">
        <h1>Crear Nuevo Ejercicio</h1>
    </div>
    <div class="separator-breadcrumb border-top"></div>
</section>

<div class="content">
    <div class="card">
        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('ejercicios.store') }}" method="POST">
                @csrf

                <div class="mb-3">
                    <label for="nombre" class="form-label">Nombre del Ejercicio</label>
                    <input type="text" name="nombre" class="form-control" value="{{ old('nombre') }}" required>
                </div>

                <div class="mb-3">
                    <label for="musculo" class="form-label">Músculo</label>
                    <input type="text" name="musculo" class="form-control" value="{{ old('musculo') }}" required>
                </div>             

                <div class="mb-3">
                    <label for="descripcion" class="form-label">Descripción</label>
                    <textarea name="descripcion" id="descripcion" class="form-control">{{ old('descripcion') }}</textarea>
                </div>
                

                <div class="mb-3">
                    <label for="video" class="form-label">Video (URL)</label>
                    <input type="text" name="video" class="form-control" value="{{ old('video') }}">
                </div>

                <button type="submit" class="btn btn-success">Guardar</button>
                <a href="{{ route('ejercicios.index') }}" class="btn btn-secondary">Cancelar</a>
            </form>
        </div>
    </div>
</div>
@endsection