@extends('layouts.templade')

@section('title', 'Editar Noticia')

@section('contenido')
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="bg-light p-4 rounded shadow-sm h-100">

            <div class="mb-3">
                <a href="{{ route('admin.index') }}" class="btn btn-danger">
                    <i class="bi bi-arrow-left"></i> Regresar
                </a>
            </div>

            <h1 class="mb-4">Editar Noticia</h1>

            @if ($errors->any())
                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                          <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            <form action="{{ route('admin.update', $noticia->id) }}" method="POST">
                @method('PUT')
                @csrf
                <div class="mb-4">
                    <label for="titulo" class="form-label">Título</label>
                    <input type="text" name="titulo" id="titulo" class="form-control" 
                           value="{{ $noticia->titulo }}" required>
                </div>
                <div class="mb-3">
                    <label for="subtitulo" class="form-label">Subtítulo</label>
                    <input type="text" name="subtitulo" id="subtitulo" class="form-control" 
                           value="{{ $noticia->subtitulo }}" >
                </div>
                <div class="mb-4">
                    <label for="fecha" class="form-label">Fecha</label>
                    <input type="date" name="fecha" id="fecha" class="form-control" 
                           value="{{ $noticia->fecha }}" required>
                </div>

                <div class="mb-4">
                    <label for="descripcion" class="form-label">Descripción</label>
                    <textarea name="descripcion" id="descripcion" class="form-control" rows="5" required>{{ $noticia->descripcion }}</textarea>
                </div>

                <div class="mb-4">
                    <label for="url_portada" class="form-label">Url portada</label>
                    <input type="text" name="url_portada" id="url_portada" class="form-control" 
                           value="{{ $noticia->url_portada }}" required>
                </div>

                <div class="mb-4">
                    <label for="url_iframe" class="form-label">Url iframe</label>
                    <input type="text" name="url_iframe" id="url_iframe" class="form-control" 
                           value="{{ $noticia->url_iframe }}" required>
                </div>

                <button type="submit" class="btn btn-danger">Actualizar</button>
            </form>
        </div>
    </div>
</div>
@endsection