@extends('adminlte::page')

@section('title', 'Formulario')

@section('content_header')
    <h1>Administrador Study Abroad</h1>
@stop
@section('content')
    <div class="container">
        <h1>Sliders</h1>
        <a href="{{ route('slider.create') }}" class="btn btn-success mb-3">Nuevo Slider</a>
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>Título</th>
                <th>Acciones</th>
            </tr>
            </thead>
            <tbody>
            @foreach($sliders as $slider)
                <tr>
                    <td>{{ $slider->title }}</td>
                    <td>
                        <a href="{{ route('slider.edit', $slider) }}" class="btn btn-primary">Editar</a>
                        <form action="{{ route('slider.destroy', $slider) }}" method="POST" style="display:inline;">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger" onclick="return confirm('Está seguro de eliminar?')">Eliminar</button>
                        </form>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endsection

@section('css')
    <style>
        /* Opcional: estilo personalizado */
        .custom-input {
            width: 150px;
            height: 30px;
        }
    </style>
@stop