const appRoutesElement = document.getElementById('app-routes');

export const routes = appRoutesElement ? JSON.parse(appRoutesElement.textContent) : {};

export const booleanStatusCatalog = {
    activo: {
        trueText: 'Activo',
        falseText: 'Inactivo',
        trueClass: 'badge bg-label-success',
        falseClass: 'badge bg-label-danger',
    },
    habilitado: {
        trueText: 'Habilitado',
        falseText: 'Deshabilitado',
        trueClass: 'badge bg-label-success',
        falseClass: 'badge bg-label-danger',
        trueIcon: 'ti ti-checkup-list',
        falseIcon: 'ti ti-ban',
    },
    checkSI: {
        trueText: 'SI',
        falseIcon: '',
        trueClass: 'badge bg-label-info',
        falseText: '',
    },
    check: {
        trueIcon: 'ti ti-check',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    checkbox: {
        trueIcon: 'ti ti-checkbox',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    checklist: {
        trueIcon: 'ti ti-checklist',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    phone_done: {
        trueIcon: 'ti ti-phone-done',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    checkup_list: {
        trueIcon: 'ti ti-checkup-list',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    list_check: {
        trueIcon: 'ti ti-list-check',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    camera_check: {
        trueIcon: 'ti ti-camera-check',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    mail_check: {
        trueIcon: 'ti ti-mail-check',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    clock_check: {
        trueIcon: 'ti ti-clock-check',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    user_check: {
        trueIcon: 'ti ti-user-check',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    circle_check: {
        trueIcon: 'ti ti-circle-check',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    shield_check: {
        trueIcon: 'ti ti-shield-check',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    },
    calendar_check: {
        trueIcon: 'ti ti-calendar-check',
        falseIcon: '',
        trueClass: 'text-green-800',
        falseClass: '',
    }
};

export const badgeColorCatalog = {
    primary: { color: 'primary' },
    secondary: { color: 'secondary' },
    success: { color: 'success' },
    danger: { color: 'danger' },
    warning: { color: 'warning' },
    info: { color: 'info' },
    dark: { color: 'dark' },
    light: { color: 'light', textColor: 'text-dark' }
};

export const statusIntBadgeBgCatalogCss = {
    1: 'warning',
    2: 'info',
    10: 'success',
    12: 'danger',
    11: 'warning'
};

export const statusIntBadgeBgCatalog = {
    1: 'Inactivo',
    2: 'En proceso',
    10: 'Activo',
    11: 'Archivado',
    12: 'Cancelado',
};