@extends('admin.layouts.master')

@section('content')
    @if (session()->has('success'))
        <div class="toast-container position-fixed bottom-0 end-0 p-3">
            <div id="successToast" class="toast align-items-center text-bg-success border-0" role="alert"
                aria-live="assertive" aria-atomic="true">
                <div class="d-flex">
                    <div class="toast-body">
                        {{ session('success') }}
                    </div>
                    <button type="button" class="btn-close btn-close-white m-auto me-2" data-bs-dismiss="toast"
                        aria-label="Close"></button>
                </div>
            </div>
        </div>
        @push('scripts')
            @include('admin.scripts.toast')
        @endpush
    @endif
    <h5 class="text-muted page-title-header mb-4">
        Páginas do menu: <strong>{{ $menus->name }}</strong>
    </h5>
    <div class="mb-4">
        <a href="{{ route('paginas.create', $menus->id) }}" class="btn btn-primary">
            <i class="bi bi-plus-circle-fill"></i> Nova Página
        </a>
    </div>
    <div class="mb-4">
        <a href="/menus" class="btn btn-primary">
            <i class="bi bi-arrow-return-left"></i> Voltar
        </a>
    </div>
    <div class="card mb-4 shadow-sm">
        <div class="card-body">
            @if ($menus->paginas->isEmpty())
                <p class="text-muted">Nenhuma página cadastrada para este menu.</p>
            @else
                    <table class="table table-striped table-hover align-middle">
                        <thead class="table-dark">
                        <tr>
                            <th>ID</th>
                            <th>Título</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($menus->paginas as $pagina)
                            <tr>
                                <td>{{ $pagina->id }}</td>
                                <td>{{ $pagina->title }}</td>
                                <td class="d-flex gap-2">
                                    <a href="{{ route('paginas.edit', $pagina->id) }}" class="btn btn-sm btn-primary">
                                        <i class="bi bi-pencil-square"></i>
                                    </a>
                                    <form action="{{ route('paginas.destroy', $pagina->id) }}" method="POST">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-sm btn-danger" type="submit">
                                            <i class="bi bi-x-square"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>
@endsection