Fix citas module: horarios disponibles, form fields, Carbon type errors
This commit is contained in:
0
resources/views/admin/citas/calendario.blade.php
Normal file → Executable file
0
resources/views/admin/citas/calendario.blade.php
Normal file → Executable file
204
resources/views/admin/citas/create.blade.php
Normal file → Executable file
204
resources/views/admin/citas/create.blade.php
Normal file → Executable file
@@ -5,7 +5,6 @@
|
||||
@section('page-title', 'Nueva Cita')
|
||||
|
||||
@section('content')
|
||||
<!-- Breadcrumb -->
|
||||
<nav aria-label="breadcrumb" class="mb-4">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
|
||||
@@ -24,11 +23,11 @@
|
||||
<form method="POST" action="{{ route('admin.citas.store') }}" id="citaForm">
|
||||
@csrf
|
||||
|
||||
@if($mensaje)
|
||||
@if(isset($mensaje) && $mensaje)
|
||||
<input type="hidden" name="mensaje_id" value="{{ $mensaje->id }}">
|
||||
<div class="alert alert-info mb-4">
|
||||
<i class="fas fa-info-circle me-2"></i>
|
||||
<strong>Nota:</strong> Esta cita se creará a partir del mensaje de
|
||||
<strong>Nota:</strong> Esta cita se creara a partir del mensaje de
|
||||
<strong>{{ $mensaje->nombre }}</strong>
|
||||
<a href="{{ route('admin.mensajes.show', $mensaje) }}" class="text-decoration-underline ms-1">
|
||||
(Ver mensaje)
|
||||
@@ -37,150 +36,88 @@
|
||||
@endif
|
||||
|
||||
<div class="row">
|
||||
<!-- Cliente Nombre -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="cliente_nombre" class="form-label">
|
||||
Nombre del Cliente <span class="text-danger">*</span>
|
||||
</label>
|
||||
<input type="text"
|
||||
class="form-control @error('cliente_nombre') is-invalid @enderror"
|
||||
id="cliente_nombre"
|
||||
name="cliente_nombre"
|
||||
value="{{ $mensaje->nombre ?? old('cliente_nombre') }}"
|
||||
required>
|
||||
@error('cliente_nombre')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
<label for="nombre_cliente" class="form-label">Nombre del Cliente <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control @error('nombre_cliente') is-invalid @enderror" id="nombre_cliente" name="nombre_cliente" value="{{ isset($mensaje) && $mensaje ? $mensaje->nombre : old('nombre_cliente') }}" required>
|
||||
@error('nombre_cliente')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<!-- Cliente Email -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="cliente_email" class="form-label">
|
||||
Email <span class="text-danger">*</span>
|
||||
</label>
|
||||
<input type="email"
|
||||
class="form-control @error('cliente_email') is-invalid @enderror"
|
||||
id="cliente_email"
|
||||
name="cliente_email"
|
||||
value="{{ $mensaje->email ?? old('cliente_email') }}"
|
||||
required>
|
||||
@error('cliente_email')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
<label for="email_cliente" class="form-label">Email <span class="text-danger">*</span></label>
|
||||
<input type="email" class="form-control @error('email_cliente') is-invalid @enderror" id="email_cliente" name="email_cliente" value="{{ isset($mensaje) && $mensaje ? $mensaje->email : old('email_cliente') }}" required>
|
||||
@error('email_cliente')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<!-- Cliente Teléfono -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="cliente_telefono" class="form-label">
|
||||
Teléfono
|
||||
</label>
|
||||
<input type="tel"
|
||||
class="form-control @error('cliente_telefono') is-invalid @enderror"
|
||||
id="cliente_telefono"
|
||||
name="cliente_telefono"
|
||||
value="{{ $mensaje->telefono ?? old('cliente_telefono') }}">
|
||||
@error('cliente_telefono')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
<label for="telefono_cliente" class="form-label">Telefono</label>
|
||||
<input type="tel" class="form-control @error('telefono_cliente') is-invalid @enderror" id="telefono_cliente" name="telefono_cliente" value="{{ isset($mensaje) && $mensaje ? $mensaje->telefono : old('telefono_cliente') }}">
|
||||
@error('telefono_cliente')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<!-- Servicio -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="servicio" class="form-label">
|
||||
Servicio
|
||||
</label>
|
||||
<select class="form-select @error('servicio') is-invalid @enderror"
|
||||
id="servicio"
|
||||
name="servicio">
|
||||
<option value="Lash Extensions" selected>Lash Extensions</option>
|
||||
<label for="servicio" class="form-label">Servicio <span class="text-danger">*</span></label>
|
||||
<select class="form-select @error('servicio') is-invalid @enderror" id="servicio" name="servicio" required>
|
||||
<option value="">Seleccione servicio</option>
|
||||
<option value="Lash Extensions">Lash Extensions</option>
|
||||
<option value="Lash Lift">Lash Lift</option>
|
||||
<option value="Lash Removal">Lash Removal</option>
|
||||
<option value="Relleno">Relleno</option>
|
||||
<option value="Otro">Otro</option>
|
||||
</select>
|
||||
@error('servicio')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
|
||||
<div class="row">
|
||||
<!-- Fecha -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="fecha" class="form-label">
|
||||
Fecha <span class="text-danger">*</span>
|
||||
</label>
|
||||
<input type="date"
|
||||
class="form-control @error('fecha') is-invalid @enderror"
|
||||
id="fecha"
|
||||
name="fecha"
|
||||
value="{{ old('fecha') }}"
|
||||
min="{{ date('Y-m-d') }}"
|
||||
required>
|
||||
@error('fecha')
|
||||
<label for="fecha" class="form-label">Fecha <span class="text-danger">*</span></label>
|
||||
<input type="date" class="form-control @error('fecha') is-invalid @enderror" id="fecha" name="fecha" value="{{ old('fecha') }}" min="{{ date('Y-m-d') }}" required>
|
||||
@error('fecha')<div class="invalid-feedback">{{ $message }}</div>@else<small class="text-muted">Horario: 9:00 AM - 7:00 PM (Lun-Sab)</small>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="hora_inicio" class="form-label">Hora <span class="text-danger">*</span></label>
|
||||
<select class="form-select @error('hora_inicio') is-invalid @enderror" id="hora_inicio" name="hora_inicio" required>
|
||||
<option value="">Seleccione fecha primero</option>
|
||||
</select>
|
||||
@error('hora_inicio')<div class="invalid-feedback">{{ $message }}</div>@else<small class="text-muted">Duracion: 60 minutos</small>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="duracion" class="form-label">Duracion (minutos) <span class="text-danger">*</span></label>
|
||||
<select class="form-select" id="duracion" name="duracion" required>
|
||||
<option value="60" selected>60 minutos</option>
|
||||
<option value="45">45 minutos</option>
|
||||
<option value="30">30 minutos</option>
|
||||
<option value="90">90 minutos</option>
|
||||
<option value="120">120 minutos</option>
|
||||
</select>
|
||||
@error('duracion')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@else
|
||||
<small class="text-muted">
|
||||
<i class="fas fa-info-circle me-1"></i>
|
||||
Horario: 9:00 AM - 7:00 PM (Lun-Sáb)
|
||||
</small>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<!-- Hora Inicio -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="hora_inicio" class="form-label">
|
||||
Hora <span class="text-danger">*</span>
|
||||
</label>
|
||||
<select class="form-select @error('hora_inicio') is-invalid @enderror"
|
||||
id="hora_inicio"
|
||||
name="hora_inicio"
|
||||
required
|
||||
{{ old('fecha') ? '' : 'disabled' }}>
|
||||
<option value="">Seleccione fecha primero</option>
|
||||
@if(old('fecha'))
|
||||
@php
|
||||
$oldFecha = old('fecha');
|
||||
$oldHora = old('hora_inicio');
|
||||
@endphp
|
||||
@foreach($horariosDisponibles ?? [] as $hora)
|
||||
<option value="{{ $hora['hora'] }}"
|
||||
{{ $oldHora == $hora['hora'] ? 'selected' : '' }}>
|
||||
{{ $hora['label'] }}
|
||||
</option>
|
||||
@endforeach
|
||||
@endif
|
||||
<label for="estado" class="form-label">Estado</label>
|
||||
<select class="form-select" id="estado" name="estado">
|
||||
<option value="pendiente" selected>Pendiente</option>
|
||||
<option value="confirmada">Confirmada</option>
|
||||
</select>
|
||||
@error('hora_inicio')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@else
|
||||
<small class="text-muted" id="horaHelp">
|
||||
Duración: 60 minutos
|
||||
</small>
|
||||
@enderror
|
||||
<div class="loading-spinner d-none" id="horaLoading">
|
||||
<div class="spinner"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Notas -->
|
||||
<div class="mb-3">
|
||||
<label for="notas" class="form-label">Notas</label>
|
||||
<textarea class="form-control @error('notas') is-invalid @enderror"
|
||||
id="notas"
|
||||
name="notas"
|
||||
rows="3"
|
||||
placeholder="Notas adicionales sobre la cita...">{{ old('notas') }}</textarea>
|
||||
@error('notas')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
<textarea class="form-control" id="notas" name="notas" rows="3" placeholder="Notas adicionales sobre la cita...">{{ old('notas') }}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between mt-4">
|
||||
<a href="{{ route('admin.citas.index') }}" class="btn btn-secondary-admin">
|
||||
<i class="fas fa-arrow-left me-2"></i>Volver
|
||||
</a>
|
||||
<button type="submit" class="btn btn-primary-admin" id="submitBtn">
|
||||
<button type="submit" class="btn btn-primary-admin">
|
||||
<i class="fas fa-calendar-check me-2"></i>Agendar Cita
|
||||
</button>
|
||||
</div>
|
||||
@@ -189,18 +126,17 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<div class="col-lg-4">
|
||||
<div class="card-admin mb-3">
|
||||
<div class="card-header">
|
||||
<i class="fas fa-info-circle me-2"></i>Información
|
||||
<i class="fas fa-info-circle me-2"></i>Informacion
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul class="text-muted">
|
||||
<li class="mb-2">Duración de cada cita: <strong>60 minutos</strong></li>
|
||||
<li class="mb-2">Horario de atención: <strong>9:00 AM - 7:00 PM</strong></li>
|
||||
<li class="mb-2">Días laborables: <strong>Lunes a Sábado</strong></li>
|
||||
<li class="mb-2">Último turno: <strong>6:00 PM</strong></li>
|
||||
<li class="mb-2">Duracion de cada cita: <strong>60 minutos</strong></li>
|
||||
<li class="mb-2">Horario de atencion: <strong>9:00 AM - 7:00 PM</strong></li>
|
||||
<li class="mb-2">Dias laborables: <strong>Lunes a Sabado</strong></li>
|
||||
<li class="mb-2">Ultimo turno: <strong>6:00 PM</strong></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -227,18 +163,16 @@
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const fechaInput = document.getElementById('fecha');
|
||||
const horaSelect = document.getElementById('hora_inicio');
|
||||
const horaLoading = document.getElementById('horaLoading');
|
||||
const horaHelp = document.getElementById('horaHelp');
|
||||
const duracionSelect = document.getElementById('duracion');
|
||||
const hoy = new Date().toISOString().split('T')[0];
|
||||
fechaInput.setAttribute('min', hoy);
|
||||
|
||||
// Sundays disabled
|
||||
fechaInput.addEventListener('change', function() {
|
||||
const fecha = new Date(this.value + 'T00:00:00');
|
||||
const diaSemana = fecha.getDay();
|
||||
|
||||
if (diaSemana === 0) {
|
||||
alert('Los domingos no hay atención.');
|
||||
alert('Los domingos no hay atencion.');
|
||||
this.value = '';
|
||||
horaSelect.innerHTML = '<option value="">Seleccione fecha primero</option>';
|
||||
horaSelect.disabled = true;
|
||||
@@ -248,25 +182,34 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
cargarHorariosDisponibles(this.value);
|
||||
});
|
||||
|
||||
duracionSelect.addEventListener('change', function() {
|
||||
if (fechaInput.value) {
|
||||
cargarHorariosDisponibles(fechaInput.value);
|
||||
}
|
||||
});
|
||||
|
||||
function cargarHorariosDisponibles(fecha) {
|
||||
if (!fecha) return;
|
||||
|
||||
horaSelect.disabled = true;
|
||||
horaLoading.classList.remove('d-none');
|
||||
horaHelp.classList.add('d-none');
|
||||
horaSelect.innerHTML = '<option value="">Cargando...</option>';
|
||||
|
||||
fetch(`/admin/citas/disponibles?fecha=${fecha}`)
|
||||
const duracion = duracionSelect.value;
|
||||
|
||||
fetch(`/admin/citas/disponibles?fecha=${fecha}&duracion=${duracion}`)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
horaSelect.innerHTML = '<option value="">Seleccione un horario</option>';
|
||||
|
||||
if (data.length === 0) {
|
||||
if (data.error) {
|
||||
horaSelect.innerHTML = '<option value="">' + data.error + '</option>';
|
||||
} else if (data.horarios && data.horarios.length === 0) {
|
||||
horaSelect.innerHTML = '<option value="">No hay horarios disponibles</option>';
|
||||
} else {
|
||||
data.forEach(hora => {
|
||||
} else if (data.horarios) {
|
||||
data.horarios.forEach(hora => {
|
||||
const option = document.createElement('option');
|
||||
option.value = hora.hora;
|
||||
option.textContent = hora.label;
|
||||
option.textContent = hora.hora + ' - ' + hora.hora_fin;
|
||||
horaSelect.appendChild(option);
|
||||
});
|
||||
}
|
||||
@@ -277,17 +220,8 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
console.error('Error:', error);
|
||||
horaSelect.innerHTML = '<option value="">Error al cargar horarios</option>';
|
||||
horaSelect.disabled = false;
|
||||
})
|
||||
.finally(() => {
|
||||
horaLoading.classList.add('d-none');
|
||||
horaHelp.classList.remove('d-none');
|
||||
});
|
||||
}
|
||||
|
||||
// Trigger on page load if fecha has value
|
||||
if (fechaInput.value) {
|
||||
cargarHorariosDisponibles(fechaInput.value);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@endpush
|
||||
|
||||
0
resources/views/admin/citas/edit.blade.php
Normal file → Executable file
0
resources/views/admin/citas/edit.blade.php
Normal file → Executable file
0
resources/views/admin/citas/index.blade.php
Normal file → Executable file
0
resources/views/admin/citas/index.blade.php
Normal file → Executable file
0
resources/views/admin/citas/show.blade.php
Normal file → Executable file
0
resources/views/admin/citas/show.blade.php
Normal file → Executable file
Reference in New Issue
Block a user