@extends('layouts.admin')

@section('title')
    @lang('translation.Editar Usuario')
@endsection

@section('css')
    <!-- Select2 -->
    <link href="{{ URL::asset('build/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- Dropzone -->
    <link href="{{ URL::asset('build/libs/dropzone/min/dropzone.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
    @component('components.breadcrumb')
        @slot('li_1')
            <a href="{{ route('admin.usuarios.index') }}">Usuarios</a>
        @endslot
        @slot('title')
            Editar Usuario
        @endslot
    @endcomponent

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h4 class="card-title mb-0">Editar Usuario: {{ $usuario->nombre }} {{ $usuario->apellido }}</h4>
                            <p class="text-muted mb-0">Modifique la información del usuario</p>
                        </div>
                        <div>
                            <span class="badge bg-{{ $usuario->estado == 'activo' ? 'success' : ($usuario->estado == 'inactivo' ? 'warning' : 'danger') }} fs-6">
                                {{ ucfirst($usuario->estado) }}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.usuarios.update', $usuario->id) }}" method="POST" enctype="multipart/form-data" id="formUsuario">
                        @csrf
                        @method('PUT')
                        
                        <div class="row">
                            <!-- Información Personal -->
                            <div class="col-lg-8">
                                <div class="card border">
                                    <div class="card-header bg-light">
                                        <h5 class="card-title mb-0">
                                            <i class="bx bx-user me-2"></i>Información Personal
                                        </h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="name" class="form-label">Nombre <span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control @error('name') is-invalid @enderror" 
                                                           id="name" name="name" value="{{ old('name', $usuario->name) }}" required 
                                                           placeholder="Ingrese el nombre">
                                                    @error('name')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="telefono" class="form-label">Teléfono</label>
                                                    <input type="text" class="form-control @error('telefono') is-invalid @enderror" 
                                                           id="telefono" name="telefono" value="{{ old('telefono', $usuario->telefono) }}" 
                                                           placeholder="Ingrese el teléfono">
                                                    @error('telefono')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
                                                    <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                                           id="email" name="email" value="{{ old('email', $usuario->email) }}" required 
                                                           placeholder="usuario@ejemplo.com">
                                                    @error('email')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                    @if($usuario->email_verified_at)
                                                        <div class="form-text text-success">
                                                            <i class="bx bx-check-circle"></i> Email verificado el {{ $usuario->email_verified_at->format('d/m/Y H:i') }}
                                                        </div>
                                                    @else
                                                        <div class="form-text text-warning">
                                                            <i class="bx bx-error-circle"></i> Email no verificado
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="telefono" class="form-label">Teléfono</label>
                                                    <input type="tel" class="form-control @error('telefono') is-invalid @enderror" 
                                                           id="telefono" name="telefono" value="{{ old('telefono', $usuario->telefono) }}" 
                                                           placeholder="+57 300 123 4567">
                                                    @error('telefono')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="mb-3">
                                                    <label for="tipo_documento" class="form-label">Tipo Documento</label>
                                                    <select class="form-select @error('tipo_documento') is-invalid @enderror" 
                                                            id="tipo_documento" name="tipo_documento">
                                                        <option value="">Seleccionar</option>
                                                        <option value="CC" {{ old('tipo_documento', $usuario->tipo_documento) == 'CC' ? 'selected' : '' }}>Cédula de Ciudadanía</option>
                                                        <option value="CE" {{ old('tipo_documento', $usuario->tipo_documento) == 'CE' ? 'selected' : '' }}>Cédula de Extranjería</option>
                                                        <option value="TI" {{ old('tipo_documento', $usuario->tipo_documento) == 'TI' ? 'selected' : '' }}>Tarjeta de Identidad</option>
                                                        <option value="PP" {{ old('tipo_documento', $usuario->tipo_documento) == 'PP' ? 'selected' : '' }}>Pasaporte</option>
                                                    </select>
                                                    @error('tipo_documento')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="mb-3">
                                                    <label for="documento_identidad" class="form-label">Documento de Identidad</label>
                                                    <input type="text" class="form-control @error('documento_identidad') is-invalid @enderror" 
                                                           id="documento_identidad" name="documento_identidad" value="{{ old('documento_identidad', $usuario->documento_identidad) }}" 
                                                           placeholder="123456789">
                                                    @error('documento_identidad')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="mb-3">
                                                    <label for="fecha_nacimiento" class="form-label">Fecha Nacimiento</label>
                                                    <input type="date" class="form-control @error('fecha_nacimiento') is-invalid @enderror" 
                                                           id="fecha_nacimiento" name="fecha_nacimiento" 
                                                           value="{{ old('fecha_nacimiento', $usuario->fecha_nacimiento ? $usuario->fecha_nacimiento->format('Y-m-d') : '') }}">
                                                    @error('fecha_nacimiento')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="direccion" class="form-label">Dirección</label>
                                            <textarea class="form-control @error('direccion') is-invalid @enderror" 
                                                      id="direccion" name="direccion" rows="2" 
                                                      placeholder="Dirección completa...">{{ old('direccion', $usuario->direccion) }}</textarea>
                                            @error('direccion')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- Información de Acceso -->
                                <div class="card border mt-3">
                                    <div class="card-header bg-light">
                                        <h5 class="card-title mb-0">
                                            <i class="bx bx-lock me-2"></i>Información de Acceso
                                        </h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="alert alert-info">
                                            <i class="bx bx-info-circle me-2"></i>
                                            Deje los campos de contraseña vacíos si no desea cambiarla
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="password" class="form-label">Nueva Contraseña</label>
                                                    <div class="input-group">
                                                        <input type="password" class="form-control @error('password') is-invalid @enderror" 
                                               id="password" name="password" 
                                               placeholder="Dejar vacío para mantener actual"
                                               autocomplete="new-password">
                                                        <button class="btn btn-outline-secondary" type="button" onclick="togglePassword('password')">
                                                            <i class="bx bx-show" id="password-icon"></i>
                                                        </button>
                                                    </div>
                                                    @error('password')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                    <div class="form-text">
                                                        Mínimo 8 caracteres si desea cambiarla
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="password_confirmation" class="form-label">Confirmar Nueva Contraseña</label>
                                                    <div class="input-group">
                                                        <input type="password" class="form-control" 
                                               id="password_confirmation" name="password_confirmation" 
                                               placeholder="Confirme la nueva contraseña"
                                               autocomplete="new-password">
                                                        <button class="btn btn-outline-secondary" type="button" onclick="togglePassword('password_confirmation')">
                                                            <i class="bx bx-show" id="password_confirmation-icon"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="rol" class="form-label">Rol <span class="text-danger">*</span></label>
                                                    <select class="form-select @error('rol') is-invalid @enderror" 
                                                            id="rol" name="rol" required>
                                                        <option value="">Seleccionar rol</option>
                                                        <option value="admin" {{ old('rol', $usuario->rol) == 'admin' ? 'selected' : '' }}>Administrador</option>
                                                        <option value="propietario" {{ old('rol', $usuario->rol) == 'propietario' ? 'selected' : '' }}>Propietario</option>
                                                        <option value="usuario" {{ old('rol', $usuario->rol) == 'usuario' ? 'selected' : '' }}>Usuario</option>
                                                    </select>
                                                    @error('rol')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                    @if($usuario->rol == 'admin')
                                                        <div class="form-text text-warning">
                                                            <i class="bx bx-shield"></i> Usuario administrador actual
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="estado" class="form-label">Estado <span class="text-danger">*</span></label>
                                                    <select class="form-select @error('estado') is-invalid @enderror" 
                                                            id="estado" name="estado" required>
                                                        <option value="activo" {{ old('estado', $usuario->estado) == 'activo' ? 'selected' : '' }}>Activo</option>
                                                        <option value="inactivo" {{ old('estado', $usuario->estado) == 'inactivo' ? 'selected' : '' }}>Inactivo</option>
                                                        <option value="suspendido" {{ old('estado', $usuario->estado) == 'suspendido' ? 'selected' : '' }}>Suspendido</option>
                                                    </select>
                                                    @error('estado')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="email_verificado" 
                                                           name="email_verificado" value="1" 
                                                           {{ old('email_verificado', $usuario->email_verified_at ? '1' : '') ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="email_verificado">
                                                        Marcar email como verificado
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="forzar_cambio_password" 
                                                           name="forzar_cambio_password" value="1" 
                                                           {{ old('forzar_cambio_password') ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="forzar_cambio_password">
                                                        Forzar cambio de contraseña en próximo login
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- Estadísticas del Usuario -->
                                <div class="card border mt-3">
                                    <div class="card-header bg-light">
                                        <h5 class="card-title mb-0">
                                            <i class="bx bx-bar-chart me-2"></i>Estadísticas
                                        </h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="row text-center">
                                            <div class="col-md-3">
                                                <div class="border rounded p-3">
                                                    <h4 class="text-primary mb-1">{{ $usuario->reservas_count ?? 0 }}</h4>
                                                    <p class="text-muted mb-0">Reservas</p>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="border rounded p-3">
                                                    <h4 class="text-success mb-1">${{ number_format($usuario->total_pagado ?? 0, 0) }}</h4>
                                                    <p class="text-muted mb-0">Total Pagado</p>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="border rounded p-3">
                                                    <h4 class="text-info mb-1">{{ $usuario->eventos_count ?? 0 }}</h4>
                                                    <p class="text-muted mb-0">Eventos</p>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="border rounded p-3">
                                                    <h4 class="text-warning mb-1">{{ $usuario->created_at->diffInDays() }}</h4>
                                                    <p class="text-muted mb-0">Días registrado</p>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row mt-3">
                                            <div class="col-md-6">
                                                <small class="text-muted">
                                                    <strong>Registrado:</strong> {{ $usuario->created_at->format('d/m/Y H:i') }}
                                                </small>
                                            </div>
                                            <div class="col-md-6">
                                                <small class="text-muted">
                                                    <strong>Última actualización:</strong> {{ $usuario->updated_at->format('d/m/Y H:i') }}
                                                </small>
                                            </div>
                                        </div>
                                        
                                        @if($usuario->last_login_at)
                                            <div class="row mt-2">
                                                <div class="col-12">
                                                    <small class="text-muted">
                                                        <strong>Último acceso:</strong> {{ $usuario->last_login_at->format('d/m/Y H:i') }}
                                                    </small>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Avatar y Configuraciones -->
                            <div class="col-lg-4">
                                <div class="card border">
                                    <div class="card-header bg-light">
                                        <h5 class="card-title mb-0">
                                            <i class="bx bx-image me-2"></i>Avatar
                                        </h5>
                                    </div>
                                    <div class="card-body text-center">
                                        <div class="mb-3">
                                            <div class="avatar-preview mb-3">
                                                <img id="avatar-preview" 
                                                     src="{{ $usuario->avatar ? asset('storage/' . $usuario->avatar) : asset('images/users/avatar-default.svg') }}" 
                                                     alt="Avatar" class="rounded-circle" width="120" height="120" 
                                                     style="object-fit: cover; border: 3px solid #e9ecef;">
                                            </div>
                                            <input type="file" class="form-control @error('avatar') is-invalid @enderror" 
                                                   id="avatar" name="avatar" accept="image/*" onchange="previewAvatar(this)">
                                            @error('avatar')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                            <div class="form-text">
                                                Formatos: JPG, PNG, GIF. Máximo 2MB
                                            </div>
                                            
                                            @if($usuario->avatar)
                                                <div class="mt-2">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" id="eliminar_avatar" 
                                                               name="eliminar_avatar" value="1">
                                                        <label class="form-check-label text-danger" for="eliminar_avatar">
                                                            Eliminar avatar actual
                                                        </label>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- Información Adicional -->
                                <div class="card border mt-3">
                                    <div class="card-header bg-light">
                                        <h5 class="card-title mb-0">
                                            <i class="bx bx-cog me-2"></i>Configuraciones
                                        </h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="mb-3">
                                            <label for="genero" class="form-label">Género</label>
                                            <select class="form-select @error('genero') is-invalid @enderror" 
                                                    id="genero" name="genero">
                                                <option value="">No especificar</option>
                                                <option value="masculino" {{ old('genero', $usuario->genero) == 'masculino' ? 'selected' : '' }}>Masculino</option>
                                                <option value="femenino" {{ old('genero', $usuario->genero) == 'femenino' ? 'selected' : '' }}>Femenino</option>
                                                <option value="otro" {{ old('genero', $usuario->genero) == 'otro' ? 'selected' : '' }}>Otro</option>
                                            </select>
                                            @error('genero')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="profesion" class="form-label">Profesión</label>
                                            <input type="text" class="form-control @error('profesion') is-invalid @enderror" 
                                                   id="profesion" name="profesion" value="{{ old('profesion', $usuario->profesion) }}" 
                                                   placeholder="Ej: Ingeniero, Médico, etc.">
                                            @error('profesion')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        
                                        <div class="mb-3">
                                            <label for="observaciones" class="form-label">Observaciones</label>
                                            <textarea class="form-control @error('observaciones') is-invalid @enderror" 
                                                      id="observaciones" name="observaciones" rows="3" 
                                                      placeholder="Notas adicionales sobre el usuario...">{{ old('observaciones', $usuario->observaciones) }}</textarea>
                                            @error('observaciones')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="notificar_cambios" 
                                                   name="notificar_cambios" value="1" {{ old('notificar_cambios', '1') ? 'checked' : '' }}>
                                            <label class="form-check-label" for="notificar_cambios">
                                                Notificar cambios por email
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- Acciones Rápidas -->
                                <div class="card border mt-3">
                                    <div class="card-header bg-light">
                                        <h5 class="card-title mb-0">
                                            <i class="bx bx-zap me-2"></i>Acciones Rápidas
                                        </h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="d-grid gap-2">
                                            @if(!$usuario->email_verified_at)
                                                <button type="button" class="btn btn-outline-success btn-sm" onclick="verificarEmail({{ $usuario->id }})">
                                                    <i class="bx bx-check-circle me-1"></i> Verificar Email
                                                </button>
                                            @endif
                                            
                                            <button type="button" class="btn btn-outline-warning btn-sm" onclick="enviarResetPassword({{ $usuario->id }})">
                                                <i class="bx bx-key me-1"></i> Enviar Reset Password
                                            </button>
                                            
                                            <button type="button" class="btn btn-outline-info btn-sm" onclick="verHistorial({{ $usuario->id }})">
                                                <i class="bx bx-history me-1"></i> Ver Historial
                                            </button>
                                            
                                            @if($usuario->estado == 'activo')
                                                <button type="button" class="btn btn-outline-danger btn-sm" onclick="suspenderUsuario({{ $usuario->id }})">
                                                    <i class="bx bx-block me-1"></i> Suspender
                                                </button>
                                            @else
                                                <button type="button" class="btn btn-outline-success btn-sm" onclick="activarUsuario({{ $usuario->id }})">
                                                    <i class="bx bx-check me-1"></i> Activar
                                                </button>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Botones de acción -->
                        <div class="row mt-4">
                            <div class="col-12">
                                <div class="d-flex justify-content-between">
                                    <div>
                                        <a href="{{ route('admin.usuarios.show', $usuario->id) }}" class="btn btn-info">
                                            <i class="bx bx-show me-1"></i> Ver Perfil
                                        </a>
                                    </div>
                                    <div class="d-flex gap-2">
                                        <a href="{{ route('admin.usuarios.index') }}" class="btn btn-secondary">
                                            <i class="bx bx-x me-1"></i> Cancelar
                                        </a>
                                        <button type="button" class="btn btn-outline-primary" onclick="resetearFormulario()">
                                            <i class="bx bx-refresh me-1"></i> Resetear
                                        </button>
                                        <button type="submit" class="btn btn-primary" id="btnGuardar">
                                            <i class="bx bx-save me-1"></i> Actualizar Usuario
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <!-- Select2 -->
    <script src="{{ URL::asset('build/libs/select2/js/select2.min.js') }}"></script>
    <!-- Validation -->
    <script src="{{ URL::asset('build/libs/parsleyjs/parsley.min.js') }}"></script>
    
    <script>
        $(document).ready(function() {
            // Inicializar Select2
            $('.select2').select2({
                placeholder: 'Seleccionar...',
                allowClear: true
            });
            
            // Inicializar validación
            $('#formUsuario').parsley();
            
            // Validación personalizada para confirmar contraseña
            $('#password_confirmation').on('input', function() {
                const password = $('#password').val();
                const confirmation = $(this).val();
                
                if (password && password !== confirmation) {
                    $(this).addClass('is-invalid');
                    $(this).next('.invalid-feedback').remove();
                    $(this).after('<div class="invalid-feedback">Las contraseñas no coinciden</div>');
                } else {
                    $(this).removeClass('is-invalid');
                    $(this).next('.invalid-feedback').remove();
                }
            });
            
            // Validación de email único (excluyendo el usuario actual)
            $('#email').on('blur', function() {
                const email = $(this).val();
                const usuarioId = {{ $usuario->id }};
                if (email) {
                    // Aquí podrías hacer una validación AJAX para verificar si el email ya existe
                }
            });
            
            // Formatear teléfono
            $('#telefono').on('input', function() {
                let value = $(this).val().replace(/\D/g, '');
                if (value.length > 0) {
                    if (value.length <= 3) {
                        value = value;
                    } else if (value.length <= 6) {
                        value = value.substring(0, 3) + ' ' + value.substring(3);
                    } else {
                        value = value.substring(0, 3) + ' ' + value.substring(3, 6) + ' ' + value.substring(6, 10);
                    }
                }
                $(this).val(value);
            });
            
            // Validar cambio de rol de admin
            $('#rol').change(function() {
                const rolActual = '{{ $usuario->rol }}';
                const nuevoRol = $(this).val();
                
                if (rolActual === 'admin' && nuevoRol !== 'admin') {
                    Swal.fire({
                        icon: 'warning',
                        title: '¿Cambiar rol de administrador?',
                        text: 'Está cambiando el rol de un administrador. ¿Está seguro?',
                        showCancelButton: true,
                        confirmButtonText: 'Sí, cambiar',
                        cancelButtonText: 'Cancelar'
                    }).then((result) => {
                        if (!result.isConfirmed) {
                            $(this).val('admin');
                        }
                    });
                }
            });
        });
        
        function togglePassword(fieldId) {
            const field = document.getElementById(fieldId);
            const icon = document.getElementById(fieldId + '-icon');
            
            if (field.type === 'password') {
                field.type = 'text';
                icon.classList.remove('bx-show');
                icon.classList.add('bx-hide');
            } else {
                field.type = 'password';
                icon.classList.remove('bx-hide');
                icon.classList.add('bx-show');
            }
        }
        
        function previewAvatar(input) {
            if (input.files && input.files[0]) {
                const reader = new FileReader();
                
                reader.onload = function(e) {
                    $('#avatar-preview').attr('src', e.target.result);
                    $('#eliminar_avatar').prop('checked', false);
                };
                
                reader.readAsDataURL(input.files[0]);
            }
        }
        
        function resetearFormulario() {
            if (confirm('¿Está seguro que desea resetear todos los cambios?')) {
                location.reload();
            }
        }
        
        function verificarEmail(usuarioId) {
            Swal.fire({
                icon: 'question',
                title: 'Verificar Email',
                text: '¿Marcar el email como verificado?',
                showCancelButton: true,
                confirmButtonText: 'Sí, verificar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    $('#email_verificado').prop('checked', true);
                    Swal.fire('¡Listo!', 'Email marcado como verificado', 'success');
                }
            });
        }
        
        function enviarResetPassword(usuarioId) {
            Swal.fire({
                icon: 'question',
                title: 'Enviar Reset Password',
                text: '¿Enviar email para restablecer contraseña?',
                showCancelButton: true,
                confirmButtonText: 'Sí, enviar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Aquí harías la petición AJAX para enviar el reset
                    Swal.fire('¡Enviado!', 'Email de restablecimiento enviado', 'success');
                }
            });
        }
        
        function verHistorial(usuarioId) {
            // Aquí podrías abrir un modal con el historial del usuario
            Swal.fire({
                icon: 'info',
                title: 'Historial del Usuario',
                text: 'Funcionalidad en desarrollo',
                confirmButtonText: 'Entendido'
            });
        }
        
        function suspenderUsuario(usuarioId) {
            Swal.fire({
                icon: 'warning',
                title: 'Suspender Usuario',
                text: '¿Está seguro que desea suspender este usuario?',
                showCancelButton: true,
                confirmButtonText: 'Sí, suspender',
                cancelButtonText: 'Cancelar',
                confirmButtonColor: '#d33'
            }).then((result) => {
                if (result.isConfirmed) {
                    $('#estado').val('suspendido');
                    Swal.fire('¡Suspendido!', 'Usuario marcado como suspendido', 'success');
                }
            });
        }
        
        function activarUsuario(usuarioId) {
            Swal.fire({
                icon: 'question',
                title: 'Activar Usuario',
                text: '¿Activar este usuario?',
                showCancelButton: true,
                confirmButtonText: 'Sí, activar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    $('#estado').val('activo');
                    Swal.fire('¡Activado!', 'Usuario activado correctamente', 'success');
                }
            });
        }
        
        // Validación antes de enviar
        $('#formUsuario').submit(function(e) {
            const password = $('#password').val();
            const confirmation = $('#password_confirmation').val();
            
            if (password && password !== confirmation) {
                e.preventDefault();
                Swal.fire({
                    icon: 'error',
                    title: 'Error de validación',
                    text: 'Las contraseñas no coinciden'
                });
                return false;
            }
            
            // Mostrar loading
            $('#btnGuardar').prop('disabled', true).html('<i class="bx bx-loader bx-spin me-1"></i> Actualizando...');
        });
        
        // Mostrar mensajes de error
        @if($errors->any())
            Swal.fire({
                icon: 'error',
                title: 'Errores de validación',
                html: '@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach'
            });
        @endif
        
        // Mostrar mensaje de éxito si existe
        @if(session('success'))
            Swal.fire({
                icon: 'success',
                title: '¡Éxito!',
                text: '{{ session('success') }}',
                timer: 3000,
                showConfirmButton: false
            });
        @endif
    </script>
@endsection