{{-- Usamos el layout principal --}}
@extends('components.layouts.app') {{-- Usamos el layout que contiene el menú lateral --}}


{{-- Todo lo que pongamos aquí será insertado donde el layout tenga @yield('content') --}}
@section('content')
    <div class="container">
        <h1>Crear nuevo post</h1>

        {{-- Mostramos errores si los hay --}}
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        {{-- Formulario para crear un post --}}
        <form action="{{ route('posts.store') }}" method="POST">
            @csrf {{-- Token de seguridad obligatorio en Laravel --}}

            {{-- Campo título --}}
            <div class="mb-3">
                <label for="title" class="form-label">Título</label>
                <input type="text" name="title" id="title" class="form-control" value="{{ old('title') }}" required>
            </div>

            {{-- Campo contenido --}}
            <div class="mb-3">
                <label for="content" class="form-label">Contenido</label>
                <textarea name="content" id="content" class="form-control" rows="5" required>{{ old('content') }}</textarea>
            </div>

            {{-- Botón guardar --}}
            <button type="submit" class="btn btn-success">Guardar</button>

            {{-- Botón cancelar --}}
            <a href="{{ route('posts.index') }}" class="btn btn-secondary">Cancelar</a>
        </form>
    </div>
@endsection