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

@section('navbar-buttons')
    <a href="{{ route('realEstate.calendar') }}"
        class="flex h-10 items-center justify-center gap-2 rounded-lg border border-gray-200 bg-white px-4 text-sm font-semibold text-gray-700 shadow-sm transition-colors hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200">
        <span class="material-symbols-outlined text-[20px]">arrow_back</span>
        <span>Volver a la agenda</span>
    </a>
@endsection

@section('content')
    <livewire:real-estate.appointments.appointment-form
        :appointment-id="$appointmentId ?? null"
        :lead-id="$leadId ?? null" />
@endsection