@extends('layouts.app')

@section('content')
@include('layouts.title-header', [
    'title' => 'Reservar Cita', 
    'breadcrumbs' => [
        ['text' => 'Dashboard', 'url' => '/dashboard'],
        ['text' => 'Nueva Cita']
    ]
])

<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4>Nueva Cita</h4>
                </div>
                <div class="card-body">
                    @include('citas.partials.wizard_form', [
                        'formAction' => Auth::user()->isAdmin() ? route('admin.citas.store') : route('user.citas.store'),
                        'formMethod' => 'POST',
                        'showAdminCliente' => Auth::user()->isAdmin(),
                        'usuarios' => $usuarios ?? [],
                        'showAdminEstado' => Auth::user()->isAdmin(),
                        'cancelUrl' => Auth::user()->isAdmin() ? route('admin.citas.index') : route('user.citas.index'),
                        'submitLabel' => 'Guardar Cita',
                        'serviciosCompletosValue' => old('servicios_completos', ''),
                        'showDebug' => Auth::user()->isAdmin(),
                    ])

                    @include('citas.partials.wizard_modal')
                            </div>
                                                </div>
                                                                </div>
    </div>
</div>

@endsection

@section('scripts')
<script src="{{ asset('js/cita-resumen-render.js') }}" defer></script>
<script src="{{ asset('js/cita-wizard.js') }}" defer></script>
@endsection 

@section('styles')
<link rel="stylesheet" href="{{ asset('css/cita.css') }}">
@endsection