@extends('layout.backend')
@section('title', 'Calendário (Livewire)')

@pushOnce('headScripts')
    @livewireStyles
@endPushOnce

@section('scripts')
@parent

<script type="text/javascript" src="/fullcalendar6/index.global.min.js"></script>
@vite(['resources/js/globals-functions.js'])
@vite(['resources/js/calendar-livewire.js'])
@endsection

@section('content')

<div class="row">
    @if(session()->has('alert-error'))
    <div class="alert alert-danger w-100">{!! session()->get('alert-error') !!}</div>
    @endif

    @if(session()->has('alert-success'))
    <div class="alert alert-success w-100">{!! session()->get('alert-success') !!}</div>
    @endif

    @if($errors->any())
    <div class="alert alert-danger alert-errors w-100">
        <div class="mb-3"><strong>ATENÇÃO:</strong></div>

        <ul>
            @foreach ($errors->all() as $error)
            <li>{!! $error !!}</li>
            @endforeach
        </ul>
    </div>
    @endif

    <div class="card shadow mb-4">
        <div class="card-body">
            <livewire:calendar-livewire />
        </div>
    </div>
</div>

@include('components.visits.create-modal')
@include('components.visits.edit-modal')
@endsection

@push('endBodyScripts')
    @livewireScripts
@endPush