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


{{-- Sección principal que se mostrará en el layout --}}
@section('content')
    <div class="container">
        <h1>Editar 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 editar el post --}}
        <form action="{{ route('posts.update', $post->id) }}" method="POST">
            @csrf
            @method('PUT') {{-- Usamos PUT para actualización --}}

            {{-- 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', $post->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', $post->content) }}</textarea>
            </div>

            {{-- Botón actualizar --}}
            <button type="submit" class="btn btn-primary">Actualizar</button>

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