@extends('layouts.dashboard.inface', ['section' => 'calendar'])

@section('navbar-buttons')
    <a href="{{ route('realEstate.appointment.create') }}"
        class="flex h-10 items-center justify-center gap-2 rounded-lg bg-primary px-4 text-sm font-semibold text-white shadow-sm transition-colors hover:bg-blue-700">
        <span class="material-symbols-outlined text-[20px]">add</span>
        <span>Agendar cita</span>
    </a>
@endsection

@section('content')
    <livewire:real-estate.appointments.appointment-calendar
        :selected-appointment-id="$selectedAppointmentId ?? null" />
@endsection