@extends('adminlte::page')

@section('title', 'Formulario')

@section('content_header')
    <h1>Administrador Study Abroad</h1>
@stop
@section('content')
    <div class="container">
        <h1>Páginas</h1>
        <a href="{{ route('page.create') }}" class="btn btn-success mb-3">Nueva Página</a>
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>Título</th>
                <th>Acciones</th>
            </tr>
            </thead>
            <tbody>
            @foreach($pages as $page)
                <tr>
                      <td><a target="_blank{{ $page->id }}" href="{{ route('page.show', $page->slug) }}">
                            {{ $page->title }}
                        </a>
                        </td>
                    <td>
                        <a href="{{ route('page.edit', $page) }}" class="btn btn-primary">Editar</a>
                        <form action="{{ route('page.destroy', $page) }}" 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