@extends('admin.layouts.master')

@section('title', 'Editar Bloqueo - Lash Vanshy')

@section('page-title', 'Editar Bloqueo')

@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>
        <li class="breadcrumb-item"><a href="{{ route('admin.horarios.index') }}">Horarios Bloqueados</a></li>
        <li class="breadcrumb-item active" aria-current="page">Editar Bloqueo</li>
    </ol>
</nav>

<div class="row">
    <div class="col-lg-8">
        <div class="card-admin">
            <div class="card-header">
                <i class="fas fa-edit me-2"></i>Editar Bloqueo
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.horarios.update', $bloqueado) }}">
                    @csrf
                    @method('PUT')
                    
                    <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', $bloqueado->fecha->format('Y-m-d')) }}"
                                   required>
                            @error('fecha')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="row">
                        <!-- Hora Inicio -->
                        <div class="col-md-6 mb-3">
                            <label for="hora_inicio" class="form-label">
                                Hora de Inicio <span class="text-danger">*</span>
                            </label>
                            <select class="form-select @error('hora_inicio') is-invalid @enderror" 
                                    id="hora_inicio" 
                                    name="hora_inicio"
                                    required>
                                @for($hora = 9; $hora < 19; $hora++)
                                <option value="{{ sprintf('%02d:00:00', $hora) }}" 
                                        {{ old('hora_inicio', $bloqueado->hora_inicio) == sprintf('%02d:00:00', $hora) ? 'selected' : '' }}>
                                    {{ $hora <= 12 ? sprintf('%02d:00', $hora) : sprintf('%02d', $hora - 12) }}:00 {{ $hora >= 12 ? 'PM' : 'AM' }}
                                </option>
                                @endfor
                            </select>
                            @error('hora_inicio')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <!-- Hora Fin -->
                        <div class="col-md-6 mb-3">
                            <label for="hora_fin" class="form-label">
                                Hora de Fin <span class="text-danger">*</span>
                            </label>
                            <select class="form-select @error('hora_fin') is-invalid @enderror" 
                                    id="hora_fin" 
                                    name="hora_fin"
                                    required>
                                @for($hora = 9; $hora < 19; $hora++)
                                <option value="{{ sprintf('%02d:00:00', $hora) }}" 
                                        {{ old('hora_fin', $bloqueado->hora_fin) == sprintf('%02d:00:00', $hora) ? 'selected' : '' }}>
                                    {{ $hora <= 12 ? sprintf('%02d:00', $hora) : sprintf('%02d', $hora - 12) }}:00 {{ $hora >= 12 ? 'PM' : 'AM' }}
                                </option>
                                @endfor
                            </select>
                            @error('hora_fin')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    
                    <!-- Motivo -->
                    <div class="mb-3">
                        <label for="motivo" class="form-label">Motivo</label>
                        <input type="text" 
                               class="form-control @error('motivo') is-invalid @enderror" 
                               id="motivo" 
                               name="motivo" 
                               value="{{ old('motivo', $bloqueado->motivo) }}"
                               placeholder="Ej: Vacaciones, Mantenimiento...">
@error('motivo')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                    </div>
                    
                    <div class="d-flex justify-content-between mt-4">
                        <a href="{{ route('admin.horarios.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">
                            <i class="fas fa-save me-2"></i>Guardar Cambios
                        </button>
                    </div>
                </form>
            </div>
        </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 del Bloqueo
            </div>
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-sm-5">Creado:</dt>
                    <dd class="col-sm-7">{{ $bloqueado->created_at->format('d/m/Y H:i') }}</dd>
                    
                    <dt class="col-sm-5">Actualizado:</dt>
                    <dd class="col-sm-7">{{ $bloqueado->updated_at->format('d/m/Y H:i') }}</dd>
                </dl>
            </div>
        </div>
        
        <div class="card-admin">
            <div class="card-header bg-danger text-white">
                <i class="fas fa-exclamation-triangle me-2"></i>Eliminar Bloqueo
            </div>
            <div class="card-body">
                <p class="text-muted mb-3">
                    ¿Estás seguro de desbloquear este horario? Los clientes podrán agendar citas en este espacio.
                </p>
                <form action="{{ route('admin.horarios.destroy', $bloqueado) }}" method="POST" 
                      onsubmit="return confirm('¿Estás seguro de eliminar este bloqueo?')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger-admin w-100">
                        <i class="fas fa-unlock me-2"></i>Desbloquear
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection