@extends('layouts.app')

@section('scripts')
    @vite(['resources/js/ckeditor/ckeditor.js'])
    @vite(['resources/js/adminWeb/aviso.js'])
@endsection

@section('styles')
    <style>
        .ck-editor__editable[role="textbox"] {
            min-height: 200px;
        }
    </style>
@endsection

{{-- Pagina principal que contiene los elementos que integran la seccion de Avisos Pagina Web --}}
@section('title')
    {{ Breadcrumbs::render('avisos') }}
    <div class="page-header">
        <h2>Avisos página web</h2>
    </div>
@endsection

@section('content')
    {!! Form::hidden('url', route('pagina-web.aviso.view'), ['id' => 'url']); !!}
    {{-- Boton para colocar un nuevo aviso --}}
    <div class="row">
        <div class="d-flex flex-row-reverse bd-highlight">
            {!! Form::button('<i class="bi bi-plus-lg"></i> Nuevo aviso', ['class' => 'btn btn-primary new-aviso', 'id' => 'btn-new-aviso', 'data-toggle' => 'modal']) !!}
        </div>
    </div>
    {{-- Se llaman los elementos que componen el nuevo aviso y se conecta a la BD --}}
    @include('adminWeb.aviso.list')
@endsection

{{-- Se agrega new-modal que da las opciones en una vista flotante y mld-confirmation que da las confirmaciones de aceptar o cancelar las acciones --}}
@section('modal')
    @include('adminWeb.aviso.modals.new-modal')
    @include('common.modals.mdl-confirmation')
    {!! Generate::modalErrors() !!}
@endsection