Skip to main content

​
Overview

The Settings module provides a comprehensive interface for managing user profiles, system preferences, and application appearance. Access the configuration panel through the main navigation menu.
All settings are auto-saved and applied immediately across your dashboard sessions.

​
Profile Settings

Manage your personal information and account details.

​
Personal Information

Update your profile details including name, contact information, and account preferences. 
// Profile fields available in configuracion.blade.php
- First Name (Nombre)
- Last Name (Apellido) 
- Email Address
- Phone Number
- Profile Photo
User Profile Fields
  • Name: Admin user’s first name
  • Surname: Admin user’s last name
  • Email: [email protected]
  • Phone: Contact number with international format
  • Photo: Profile image upload with icon preview
<div class="mb-3">
  <label class="form-label">Nombre</label>
  <input type="text" class="form-control" value="Admin">
</div>

​
Regional Preferences

Configure timezone and language settings for your dashboard experience. 
<div class="mb-3">
  <label class="form-label">Zona Horaria</label>
  <select class="form-select">
    <option selected>America/Bogota (UTC-5)</option>
    <option>America/New_York (UTC-5)</option>
    <option>Europe/Madrid (UTC+1)</option>
  </select>
</div>
Available Options:
  • Timezone: Select from major world timezones
  • Language: Español, English, Português
Timezone changes affect date/time displays throughout the dashboard.

​
System Settings

​
Application Information

View system version and environment details. 
- App Version: v1.0.0
- Laravel: v11.x
- PHP: 8.2
- Database Status: Connected
- Last Backup: Displayed with timestamp
These values are read from the application configuration and displayed in the Sistema tab.

​
Configuration Files

Key Laravel configuration files that power the settings system:
Config FilePurposeKey Settings
config/app.phpApplication settingsName, environment, timezone, locale
config/auth.phpAuthenticationGuards, providers, password resets
config/session.phpSession managementDriver, lifetime, encryption
// config/app.php - Application Settings
'name' => env('APP_NAME', 'Laravel'),
'env' => env('APP_ENV', 'production'),
'timezone' => 'UTC',
'locale' => env('APP_LOCALE', 'en'),

​
Appearance Settings

Customize the dashboard look and feel.

​
Theme Options

<div class="mb-3">
  <label class="form-label">Tema</label>
  <select class="form-select">
    <option selected>Claro (Light)</option>
    <option>Oscuro (Dark)</option>
    <option>Automático</option>
  </select>
</div>
Available themes:
  • Light: Default bright theme
  • Dark: Dark mode for reduced eye strain
  • Automatic: Matches system preferences

​
Display Preferences

Control pagination and data display settings. 
<div class="mb-3">
  <label class="form-label">Elementos por página</label>
  <select class="form-select">
    <option>10</option>
    <option selected>25</option>
    <option>50</option>
  </select>
</div>
Pagination settings apply to all data tables including clients, sales, and invoices.

​
Danger Zone

Critical system operations that are irreversible.
These actions cannot be undone. Proceed with caution.
<div class="card border-danger">
  <div class="card-header bg-danger text-white">
    <h5><i class="fas fa-exclamation-triangle"></i> Zona de Peligro</h5>
  </div>
  <div class="card-body">
    <button class="btn btn-outline-danger btn-sm">
      <i class="fas fa-trash"></i> Limpiar caché
    </button>
    <button class="btn btn-danger btn-sm">
      <i class="fas fa-times-circle"></i> Eliminar cuenta
    </button>
  </div>
</div>
Available Actions:
  • Clear Cache: Remove all cached data and temporary files
  • Delete Account: Permanently remove user account and data

​
Saving Changes

All configuration changes can be saved using the save button in the header. 
<button class="btn btn-sm btn-primary">
  <i class="fas fa-save"></i> Guardar Cambios
</button>
Individual sections also have their own save buttons for targeted updates.

​
Tab Navigation

The settings interface uses Bootstrap tabs for organized navigation: 
<ul class="nav nav-tabs mb-4" id="configTabs">
  <li class="nav-item">
    <a class="nav-link active" data-bs-toggle="tab" href="#perfil">
      <i class="fas fa-user"></i> Perfil
    </a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-bs-toggle="tab" href="#seguridad">
      <i class="fas fa-lock"></i> Seguridad
    </a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-bs-toggle="tab" href="#notificaciones">
      <i class="fas fa-bell"></i> Notificaciones
    </a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-bs-toggle="tab" href="#sistema">
      <i class="fas fa-server"></i> Sistema
    </a>
  </li>
</ul>

Build docs developers (and LLMs) love

Get started for freeTalk to us