@extends('layouts.index', ['titulo' => 'Calendario', 'nombre_titulo' => 'Calendario'])

@section('btns')
    <a href="#" class="btn  btn-archivo d-flex flex-center ms-3 px-4 py-3" data-bs-toggle="modal"
        data-bs-target="#modalCrearEvento">
        <span>Crear Evento</span>
    </a>
@endsection

@section('content')
    <div id="calendario" class="p-4 bg-calendario"></div>
@endsection

@section('modal')
    @component('google.calendario.modals')
    @endcomponent
@endsection

@section('scripts')
    <script src="{{ mix('js/calendario/principal.js') }}"></script>
@endsection