@extends('layouts.template', [
    'styles' => [
        'resources/css/sidebar/miniCalendar.css',
        'resources/css/sidebar/nextClients.css',

        'resources/css/calendar/calendar.css',

        'resources/css/forms/search.css',
        'resources/css/tabs.css',

        'resources/css/modals/modalsActions.css',
        'resources/css/modals/appointments/menuOptions.css',
    ],
    'scripts' => [
        'resources/js/sidebar/utilities.js',
        'resources/js/modals.js',

        'resources/js/sidebar/mini-calendar.js',
        'resources/js/frontoffice/global.js',
        'resources/js/frontoffice/calendar.js',

        'resources/js/frontoffice/appointments/appointment-crud.js',
        'resources/js/frontoffice/appointments/appointment-details-menu-actions.js',
        'resources/js/frontoffice/appointments/appointment-events.js',
        'resources/js/frontoffice/appointments/appointment-invoice-management.js',

        'resources/js/frontoffice/search.js',
    ]
])

@php
    $auth = Auth::user();
@endphp

@section('content')
    <div class="flex all-content">
        <x-sidebar.sidebar />

        <div id="main-content" class="flex md:ml-[20rem] ml-0 text-center overflow-hidden items-center justify-center w-full h-screen bg-stone-100 transition-transform duration-500">
            <header class="absolute top-5 right-5">
                <div class="flex justify-center items-center gap-2">
                    <p class="text-sm text-gray-800">
                        Olá, <span class="font-semibold">{{ $auth->name }}</span>
                    </p>

                    <i class="fa-light fa-gear hover:animate-spin cursor-pointer" onClick="openModal('profile')"></i>
                    <i class="fa-light fa-comments-question-check hover:animate-pulse cursor-pointer"></i>
                </div>
            </header>

            <x-calendar />

            <footer class="absolute bottom-5 right-5">
                <div class="flex justify-center items-center">
                    <p class="text-xs text-black">
                        © {{ date('Y') }} - <a href="https://www.controlink.pt" target="_blank">CBOOK</a> Todos os direitos Reservados
                    </p>
                </div>
            </footer>
        </div>

        <x-frontoffice.fast-invoice />
        <x-frontoffice.get-documents />
        <x-frontoffice.modal-pin />
        <x-frontoffice.modal-action />
        <x-frontoffice.modal-loading />

        <x-frontoffice.search.modal-search />
        <x-frontoffice.search.modal-details />

        <x-frontoffice.events.appointments.create />
        <x-frontoffice.events.appointments.edit />
        <x-frontoffice.events.appointments.treatments />
        <x-frontoffice.events.appointments.invoices />
        <x-frontoffice.events.appointments.pdf-invoice />
        <x-frontoffice.events.appointments.list />

        <x-frontoffice.events.block-appointments.create />
        <x-frontoffice.events.block-appointments.edit />

    </div>
@endsection