<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head><base href=""/>
<title>DaMap - Administrative Panel</title>
<meta charset="utf-8" />
<link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
<!--begin::Fonts(mandatory for all pages)-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
<!--end::Fonts-->
<!--begin::Vendor Stylesheets(used for this page only)-->
<link href="{{asset('assets/plugins/custom/fullcalendar/fullcalendar.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
<!--end::Vendor Stylesheets-->
<!--begin::Global Stylesheets Bundle(mandatory for all pages)-->
<link href="{{asset('assets/plugins/global/plugins.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/style.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/global/plugins.bundle.css')}}" rel="stylesheet" type="text/css"/>
<script src="{{asset('assets/plugins/global/plugins.bundle.js')}}"></script>
<!--end::Global Stylesheets Bundle-->
<script>// Frame-busting to prevent site from being loaded within a frame without permission (click-jacking) if (window.top != window.self) { window.top.location.replace(window.self.location.href); }</script>
</head>
<!--end::Head-->
<!--begin::Body-->
<body id="kt_app_body" data-kt-app-header-fixed="true" data-kt-app-header-fixed-mobile="true" data-kt-app-sidebar-enabled="true" data-kt-app-sidebar-fixed="true" data-kt-app-sidebar-hoverable="true" data-kt-app-sidebar-push-toolbar="true" data-kt-app-sidebar-push-footer="true" data-kt-app-aside-enabled="true" data-kt-app-aside-fixed="true" data-kt-app-aside-push-toolbar="true" data-kt-app-aside-push-footer="true" class="app-default" data-kt-app-page-loading-enabled="true" data-kt-app-page-loading="on">
<!--begin::Page loading(append to body)-->
<div class="page-loader">
<img alt="Logo" src="{{asset('assets/Logo_DaMap.png')}}" class="h-45px theme-light-show" />
<img alt="Logo" src="{{asset('assets/Logo_DaMap_dark.png')}}" class="h-45px theme-dark-show" />
<span class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</span>
</div>
<!--end::Page loading-->
<!--begin::Theme mode setup on page load-->
<script>
var defaultThemeMode = "light"; var themeMode; if ( document.documentElement ) { if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if ( localStorage.getItem("data-bs-theme") !== null ) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }
</script>
<!--end::Theme mode setup on page load-->
<!--begin::App-->
<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
<!--begin::Page-->
<div class="app-page flex-column flex-column-fluid" id="kt_app_page">
<!--begin::Header-->
<div id="kt_app_header" class="app-header d-flex flex-column flex-stack">
<!--begin::Header main-->
<div class="d-flex flex-stack flex-grow-1">
<div class="app-header-logo d-flex align-items-center ps-lg-12" id="kt_app_header_logo">
<!--begin::Sidebar toggle-->
<div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-sm btn-icon bg-body btn-color-gray-500 btn-active-color-primary w-30px h-30px ms-n2 me-4 d-none d-lg-flex" data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize">
<i class="ki-outline ki-abstract-14 fs-3 mt-1"></i>
</div>
<!--end::Sidebar toggle-->
<!--begin::Sidebar mobile toggle-->
<div class="btn btn-icon btn-active-color-primary w-35px h-35px ms-3 me-2 d-flex d-lg-none" id="kt_app_sidebar_mobile_toggle">
<i class="ki-outline ki-abstract-14 fs-2"></i>
</div>
<!--end::Sidebar mobile toggle-->
<!--begin::Logo-->
<a href="/" class="app-sidebar-logo">
<img alt="Logo" src="{{asset('assets/Logo_DaMap.png')}}" class="h-45px theme-light-show" />
<img alt="Logo" src="{{asset('assets/Logo_DaMap_dark.png')}}" class="h-45px theme-dark-show" />
</a>
<!--end::Logo-->
</div>
<!--begin::Navbar-->
<div class="app-navbar flex-grow-1 justify-content-end" id="kt_app_header_navbar">
<div class="app-navbar-item d-flex align-items-stretch flex-lg-grow-1">
<!--begin::Search-->
<div id="kt_header_search" class="header-search d-flex align-items-center w-lg-350px" data-kt-search-keypress="true" data-kt-search-min-length="2" data-kt-search-enter="enter" data-kt-search-layout="menu" data-kt-search-responsive="true" data-kt-menu-trigger="auto" data-kt-menu-permanent="true" data-kt-menu-placement="bottom-start">
<!--begin::Tablet and mobile search toggle-->
<div data-kt-search-element="toggle" class="search-toggle-mobile d-flex d-lg-none align-items-center">
<div class="d-flex">
<i class="ki-outline ki-magnifier fs-1 fs-1"></i>
</div>
</div>
<!--end::Tablet and mobile search toggle-->
<!--begin::Form(use d-none d-lg-block classes for responsive search)-->
<form class="d-none d-lg-block w-100 position-relative mb-5 mb-lg-0" autocomplete="off">
<!--begin::Hidden input(Added to disable form autocomplete)-->
<input type="hidden" />
<!--end::Hidden input-->
<!--begin::Icon-->
<i class="ki-outline ki-magnifier search-icon fs-2 text-gray-500 position-absolute top-50 translate-middle-y ms-5"></i>
<!--end::Icon-->
<!--begin::Input-->
<input type="text" class="search-input form-control form-control border-0 h-lg-45px ps-13" id="search" value="" placeholder="Search..." />
<!--end::Input-->
<!--begin::Spinner-->
<span id="searchLoader" class="search-spinner position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-5">
<span class="spinner-border h-15px w-15px align-middle text-gray-400"></span>
</span>
<!--end::Spinner-->
</form>
<div id="searchResultsContainer" class="menu menu-sub menu-sub-dropdown py-7 px-7 overflow-hidden w-300px w-md-350px" style="z-index: 107; position: fixed; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(280px, 75px, 0px);" data-popper-placement="bottom-start">
<div>
<!--begin::Items-->
<div class="scroll-y mh-200px mh-lg-350px">
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pb-5" id="clientsTitle" >Clientes</h3>
<!--end::Category title-->
<div id="clientsResults">
</div>
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" id="prospectsTitle" >Prospects</h3>
<!--end::Category title-->
<div id="prospectsResults">
</div>
</div>
<!--end::Items-->
<!--begin::Empty-->
<div id="noResults" class="text-center d-none">
<!--begin::Icon-->
<div class="pt-10 pb-10">
<i class="ki-outline ki-search-list fs-4x opacity-50"></i>
</div>
<!--end::Icon-->
<!--begin::Message-->
<div class="pb-15 fw-semibold">
<h3 class="text-gray-600 fs-5 mb-2">No result found</h3>
<div class="text-muted fs-7">Please try again with a different query</div>
</div>
<!--end::Message-->
</div>
<!--end::Empty-->
</div>
</div>
<script>
$('#search').keyup(function (event) {
$('#searchResultsContainer').removeClass('show');
if($(this).val()){
$("#searchLoader").removeClass('d-none');
var text = $(this).val();
var formData = new FormData();
formData.append('text', text);
$.ajax({
url: '{{path("searchFunction")}}',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function (response) {
$('#clientsResults > a').each(function() {
$(this).remove();
});
$('#prospectsResults > a').each(function() {
$(this).remove();
});
if(response.clientes == 'empty' && response.prospects == 'empty'){
$('#noResults').removeClass('d-none');
$('#prospectsTitle').addClass('d-none');
$('#clientsTitle').addClass('d-none');
$("#searchLoader").addClass('d-none');
$('#searchResultsContainer').addClass('show');
}else {
if(response.clientes !== 'empty'){
$('#noResults').addClass('d-none');
$('#clientsTitle').removeClass('d-none');
response.clientes.forEach((element) => {
$('#clientsResults').append(`<!--begin::Item-->
<a href="#" onclick="viewClientDetails(`+element.id+`);" class="d-flex text-gray-900 text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<i class="ki-duotone ki-user fs-2 text-primary"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></i>
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">`+element.desc+`</span>
<span class="fs-7 fw-semibold text-muted">#`+element.id+`</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->`);
});
}
if(response.prospects !== 'empty'){
$('#noResults').addClass('d-none');
$('#prospectsTitle').removeClass('d-none');
response.prospects.forEach((element) => {
$('#prospectsResults').append(`<!--begin::Item-->
<a href="#" onclick="viewProspectInfo(`+element.id+`);" class="d-flex text-gray-900 text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<i class="ki-duotone ki-user-tick fs-2 text-primary"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></i>
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">`+element.desc+`</span>
<span class="fs-7 fw-semibold text-muted">#`+element.id+`</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->`);
});
}
$("#searchLoader").addClass('d-none');
$('#searchResultsContainer').addClass('show');
}
}
});
}else {
$('#searchResultsContainer').removeClass('show');
}
});
function viewClientDetails(id){
Swal.fire('Obteniendo informacion...')
Swal.showLoading()
$.ajax({
url: '/clients/getClientInfo?id='+id,
type: 'post',
success: function (response) {
Swal.hideLoading()
Swal.close()
var array = $.parseJSON(response);
$('#contactosCliente > tr').each(function() {
$(this).remove();
});
$('#serviciosClientes > tr').each(function() {
$(this).remove();
});
$('#tareasClientes > tr').each(function() {
$(this).remove();
});
$('#boletosCliente > tr').each(function() {
$(this).remove();
});
$('#facturasCliente > tr').each(function() {
$(this).remove();
});
$('#ticketsClientes > tr').each(function() {
$(this).remove();
});
var contactos = array.contactos;
var servicios = array.servicios;
var tareas = array.tareas;
var boletos = array.boletos;
var facturas = array.facturas;
var tickets = array.tickets;
contactos.forEach((element) => {
var html = `<tr>
<td>`+element.desc_nombre+` `+element.desc_apellido+`</td>
<td>`+element.desc_cargo+`</td>
<td>`+element.dir_correo+`</td>
<td>`+element.telefono+`</td>
</tr>`;
$("#contactosCliente").append(html);
});
servicios.forEach((element) => {
var htmlServicios = `<tr>
<td>`+element.desc_instalacion+`</td>
<td>`+element.desc_modo_servicio+`</td>
<td>`+element.desc_plan+`</td>
<td>`+element.desc_instancia+`</td>
</tr>`;
$("#serviciosClientes").append(htmlServicios);
});
tareas.forEach((element) => {
var htmlTareas = `<tr>
<td>`+element.desc_label_tarea+`</td>
<td>`+element.importe_factura+` `+element.desc_moneda+`</td>
<td>`+element.porc_avance+`%</td>
<td>`+element.desc_estado_tarea+`</td>
</tr>`;
$("#tareasClientes").append(htmlTareas);
});
boletos.forEach((element) => {
var htmlTareas = `<tr>
<td>`+element.id_factura_pk+`</td>
<td>`+element.desc_razon_social+`%</td>
<td>`+element.fecha+`</td>
<td>`+element.importe_final+` `+element.cod_moneda_iso+`</td>
<td><button type="button" class="btn btn-sm" style="background-color: `+element.cod_color_fondo_hex+`; cursor: not-allowed; font-size: 16px; color: `+element.cod_color_fuente_hex+`;">`+element.txt_acronimo_estado+`</td>
</tr>`;
$("#boletosCliente").append(htmlTareas);
});
facturas.forEach((element) => {
var htmlTareas = `<tr>
<td>`+element.id_factura_pk+`</td>
<td>`+element.desc_razon_social+`%</td>
<td>`+element.fecha+`</td>
<td>`+element.fecha_pago_banco+`</td>
<td>`+element.importe_final+` `+element.cod_moneda_iso+`</td>
<td><button type="button" class="btn btn-sm" style="background-color: `+element.cod_color_fondo_hex+`; cursor: not-allowed; font-size: 16px; color: `+element.cod_color_fuente_hex+`;">`+element.txt_acronimo_estado+`</td>
</tr>`;
$("#facturasCliente").append(htmlTareas);
});
tickets.forEach((element) => {
var htmlServicios = `<tr>
<td>`+element.desc_asunto+`</td>
<td>`+element.user_email+`</td>
<td>`+element.user_telefono+`</td>
<td>`+element.timestamp_creacion_ticket+`</td>
</tr>`;
$("#ticketsClientes").append(htmlServicios);
});
$('#clientModal').modal('show');
}
});
}
function viewProspectInfo(id){
Swal.fire('Obteniendo informacion...')
Swal.showLoading()
$.ajax({
url: '/clients/getClientInfo?id='+id,
type: 'post',
success: function (response) {
Swal.hideLoading()
Swal.close()
var array = $.parseJSON(response);
$('#contactosProspect > tr').each(function() {
$(this).remove();
});
var contactos = array.contactos;
contactos.forEach((element) => {
var html = `<tr>
<td>`+element.desc_nombre+` `+element.desc_apellido+`</td>
<td>`+element.desc_cargo+`</td>
<td>`+element.dir_correo+`</td>
<td>`+element.telefono+`</td>
</tr>`;
$("#contactosProspect").append(html);
});
$('#prospectModal').modal('show');
}
});
}
</script>
<!--end::Form-->
<!--begin::Menu-->
<div data-kt-search-element="content" class="menu menu-sub menu-sub-dropdown py-7 px-7 overflow-hidden w-300px w-md-350px">
<!--begin::Wrapper-->
<div data-kt-search-element="wrapper">
<!--begin::Empty-->
<div data-kt-search-element="empty" class="text-center d-none">
<!--begin::Icon-->
<div class="pt-10 pb-10">
<i class="ki-outline ki-search-list fs-4x opacity-50"></i>
</div>
<!--end::Icon-->
<!--begin::Message-->
<div class="pb-15 fw-semibold">
<h3 class="text-gray-600 fs-5 mb-2">No result found</h3>
<div class="text-muted fs-7">Please try again with a different query</div>
</div>
<!--end::Message-->
</div>
<!--end::Empty-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Menu-->
</div>
<!--end::Search-->
</div>
<!--begin::Notifications-->
{% set notifys = app.session.get('notifys') %}
{% set roles = app.session.get('roles') %}
{% set usuario = app.session.get('user') %}
{% set dashboards = app.session.get('dashboards') %}
<div class="app-navbar-item ms-2 ms-lg-6">
<!--begin::Menu- wrapper-->
{% if 'MENU_FILE_SERVER' in roles|keys %}
<a href="/file/" class="btn btn-icon btn-custom btn-color-gray-600 btn-active-color-primary w-35px h-35px w-md-40px h-md-40px position-relative">
<i class="ki-outline ki-minus-folder fs-1"></i>
</a>
{% endif %}
<!--end::Menu wrapper-->
<!--begin::Menu- wrapper-->
<div class="btn btn-icon btn-custom btn-color-gray-600 btn-active-color-primary w-35px h-35px w-md-40px h-md-40px position-relative" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
<i class="ki-outline ki-notification-on fs-1"></i>
{% if notifys|length > 0 %}
<span class="position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger w-15px h-15px ms-n4 mt-3">{% if notifys|length > 10 %} +9 {% else %} {{notifys|length}} {% endif %} </span>
{% endif %}
</div>
<!--end::Menu wrapper-->
<!--begin::Menu-->
<div class="menu menu-sub menu-sub-dropdown menu-column w-350px w-lg-375px" data-kt-menu="true" id="kt_menu_notifications">
<!--begin::Heading-->
<div class="d-flex flex-column bgi-no-repeat rounded-top" style="background-image:url('/assets/media/misc/menu-header-bg.jpg')">
<!--begin::Title-->
<h3 class="text-white fw-semibold px-9 mt-10 mb-6">Notificaciones
<span class="fs-8 opacity-75 ps-3">{{notifys|length}} notificaciones</span></h3>
<!--end::Title-->
<!--begin::Tabs-->
<ul class="nav nav-line-tabs nav-line-tabs-2x nav-stretch fw-semibold px-9">
<li class="nav-item">
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" href="#kt_topbar_notifications_1">Alertas</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4 active" data-bs-toggle="tab" href="#kt_topbar_notifications_3">Generales</a>
</li>
</ul>
<!--end::Tabs-->
</div>
<!--end::Heading-->
<!--begin::Tab content-->
<div class="tab-content">
<!--begin::Tab panel-->
<div class="tab-pane fade" id="kt_topbar_notifications_1" role="tabpanel">
<!--begin::Items-->
<div class="scroll-y mh-325px my-5 px-8">
<!--begin::Item-->
<div class="d-flex flex-stack py-4">
<!--begin::Section-->
<div class="d-flex align-items-center">
<!--begin::Symbol-->
<div class="symbol symbol-35px me-4">
<span class="symbol-label bg-light-primary">
<i class="ki-outline ki-abstract-28 fs-2 text-primary"></i>
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="mb-0 me-2">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Alice</a>
<div class="text-gray-400 fs-7">Phase 1 development</div>
</div>
<!--end::Title-->
</div>
<!--end::Section-->
<!--begin::Label-->
<span class="badge badge-light fs-8">1 hr</span>
<!--end::Label-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="d-flex flex-stack py-4">
<!--begin::Section-->
<div class="d-flex align-items-center">
<!--begin::Symbol-->
<div class="symbol symbol-35px me-4">
<span class="symbol-label bg-light-danger">
<i class="ki-outline ki-information fs-2 text-danger"></i>
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="mb-0 me-2">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">HR Confidential</a>
<div class="text-gray-400 fs-7">Confidential staff documents</div>
</div>
<!--end::Title-->
</div>
<!--end::Section-->
<!--begin::Label-->
<span class="badge badge-light fs-8">2 hrs</span>
<!--end::Label-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="d-flex flex-stack py-4">
<!--begin::Section-->
<div class="d-flex align-items-center">
<!--begin::Symbol-->
<div class="symbol symbol-35px me-4">
<span class="symbol-label bg-light-warning">
<i class="ki-outline ki-briefcase fs-2 text-warning"></i>
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="mb-0 me-2">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Company HR</a>
<div class="text-gray-400 fs-7">Corporeate staff profiles</div>
</div>
<!--end::Title-->
</div>
<!--end::Section-->
<!--begin::Label-->
<span class="badge badge-light fs-8">5 hrs</span>
<!--end::Label-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="d-flex flex-stack py-4">
<!--begin::Section-->
<div class="d-flex align-items-center">
<!--begin::Symbol-->
<div class="symbol symbol-35px me-4">
<span class="symbol-label bg-light-success">
<i class="ki-outline ki-abstract-12 fs-2 text-success"></i>
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="mb-0 me-2">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Redux</a>
<div class="text-gray-400 fs-7">New frontend admin theme</div>
</div>
<!--end::Title-->
</div>
<!--end::Section-->
<!--begin::Label-->
<span class="badge badge-light fs-8">2 days</span>
<!--end::Label-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="d-flex flex-stack py-4">
<!--begin::Section-->
<div class="d-flex align-items-center">
<!--begin::Symbol-->
<div class="symbol symbol-35px me-4">
<span class="symbol-label bg-light-primary">
<i class="ki-outline ki-colors-square fs-2 text-primary"></i>
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="mb-0 me-2">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Breafing</a>
<div class="text-gray-400 fs-7">Product launch status update</div>
</div>
<!--end::Title-->
</div>
<!--end::Section-->
<!--begin::Label-->
<span class="badge badge-light fs-8">21 Jan</span>
<!--end::Label-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="d-flex flex-stack py-4">
<!--begin::Section-->
<div class="d-flex align-items-center">
<!--begin::Symbol-->
<div class="symbol symbol-35px me-4">
<span class="symbol-label bg-light-info">
<i class="ki-outline ki-picture fs-2 text-info"></i>
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="mb-0 me-2">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Banner Assets</a>
<div class="text-gray-400 fs-7">Collection of banner images</div>
</div>
<!--end::Title-->
</div>
<!--end::Section-->
<!--begin::Label-->
<span class="badge badge-light fs-8">21 Jan</span>
<!--end::Label-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="d-flex flex-stack py-4">
<!--begin::Section-->
<div class="d-flex align-items-center">
<!--begin::Symbol-->
<div class="symbol symbol-35px me-4">
<span class="symbol-label bg-light-warning">
<i class="ki-outline ki-color-swatch fs-2 text-warning"></i>
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="mb-0 me-2">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Icon Assets</a>
<div class="text-gray-400 fs-7">Collection of SVG icons</div>
</div>
<!--end::Title-->
</div>
<!--end::Section-->
<!--begin::Label-->
<span class="badge badge-light fs-8">20 March</span>
<!--end::Label-->
</div>
<!--end::Item-->
</div>
<!--end::Items-->
<!--begin::View more-->
<div class="py-3 text-center border-top">
<a href="{{path('alerts')}}" class="btn btn-color-gray-600 btn-active-color-primary">View All
<i class="ki-outline ki-arrow-right fs-5"></i></a>
</div>
<!--end::View more-->
</div>
<!--end::Tab panel-->
<!--begin::Tab panel-->
<div class="tab-pane fade show active" id="kt_topbar_notifications_3" role="tabpanel">
<!--begin::Items-->
<div class="scroll-y mh-325px my-5 px-8">
{% for notify in notifys %}
<!--begin::Item-->
<div class="d-flex flex-stack py-4">
<!--begin::Section-->
<div class="d-flex align-items-center me-2">
<!--begin::Title-->
<a href="#" onclick="shownotify('{{ notify.txt_label_alerta|replace({'\n': '\\n'}) }}', '{{ notify.txt_detalle_alerta|replace({'\n': '\\n'}) }}', {% if not notify.url_link %}''{% else %}'{{ notify.url_link }}'{% endif %}, {{ notify.id_alerta_pk }})" class="text-gray-800 text-hover-primary fw-semibold">{{ notify.txt_label_alerta }}</a>
<!--end::Title-->
</div>
<!--end::Section-->
</div>
<!--end::Item-->
{% endfor %}
</div>
<!--end::Items-->
<!--begin::View more-->
<div class="py-3 text-center border-top">
<a href="{{path('alerts')}}" class="btn btn-color-gray-600 btn-active-color-primary">View All
<i class="ki-outline ki-arrow-right fs-5"></i></a>
</div>
<!--end::View more-->
</div>
<!--end::Tab panel-->
</div>
<!--end::Tab content-->
</div>
<!--end::Menu-->
<!--end::Menu wrapper-->
</div>
<!--end::Notifications-->
<script>
function borrarAlerta(id_alerta){
Swal.fire({
title: 'Estas seguro?',
text: "No podremos recuperarlo!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Si, borralo!',
cancelButtonText: 'Cancelar'
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
url: '/ajax/deleteAlert?alert_id='+id_alerta,
type: 'post',
success: function (response) {
Swal.fire(
'Borrado!',
'Esta alerta fue borrada.',
'success'
)
location.reload();
}
});
}
})
}
function shownotify(label, desc, url, id) {
Swal.fire({
title: label,
text: desc,
icon: 'info', // You can change the icon based on your needs
showConfirmButton: false,
customClass: {
actions: 'my-actions',
confirmButton: 'order-2 btn btn-success',
denyButton: 'order-3 btn btn-danger',
cancelButton: 'order-1 btn btn-secondary'
},
html: `
<p>${desc}</p>
<div style="display: flex; justify-content: space-between; margin-top: 20px;">
${url ? `
<button id="follow-btn" class="swal2-styled swal2-confirm">
<i class="fas fa-link text-white" style="margin-right: 8px;"></i> URL
</button>` : ''}
<button id="close-btn" class="swal2-styled swal2-cancel">
<i class="fas fa-times text-white" style="margin-right: 8px;"></i> Cerrar
</button>
<button id="delete-btn" class="swal2-styled swal2-deny">
<i class="fas fa-trash-alt text-white" style="margin-right: 8px;"></i> Borrar
</button>
</div>
`,
didOpen: () => {
// Post to the path seenAlert with $alert_id = $_GET['alert_id']
console.log(id); // Ensure 'id_alerta' is defined earlier in your code
$.ajax({
url: '/ajax/seenAlert?alert_id=' + id,
type: 'POST',
success: function(response) {
console.log('Alert marked as seen:', response); // Optional success message
},
error: function(xhr, status, error) {
console.error('Error marking alert as seen:', error); // Error handling
}
});
// If the URL exists, attach the click event to the follow button
if (url) {
const followBtn = Swal.getHtmlContainer().querySelector('#follow-btn');
followBtn.addEventListener('click', () => {
window.open(url, '_blank');
Swal.close();
});
}
// Close Button
const closeBtn = Swal.getHtmlContainer().querySelector('#close-btn');
closeBtn.addEventListener('click', () => {
Swal.close();
});
// Delete Button
const deleteBtn = Swal.getHtmlContainer().querySelector('#delete-btn');
deleteBtn.addEventListener('click', () => {
// Implement your delete logic here, for example:
borrarAlerta(id);
});
}
});
}
</script>
<!--begin::User menu-->
<div class="app-navbar-item ms-2 ms-lg-6 me-lg-6" id="kt_header_user_menu_toggle">
<!--begin::Menu wrapper-->
<div class="cursor-pointer symbol symbol-circle symbol-30px symbol-lg-45px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
<img src="https://n4.damap.cloud/images/user_icon_image.png" alt="user" />
</div>
<!--begin::User account menu-->
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-color fw-semibold py-4 fs-6 w-275px" data-kt-menu="true">
<!--begin::Menu item-->
<div class="menu-item px-3">
<div class="menu-content d-flex align-items-center px-3">
<!--begin::Avatar-->
<div class="symbol symbol-50px me-5">
<img alt="Logo" src="https://n4.damap.cloud/images/user_icon_image.png" />
</div>
<!--end::Avatar-->
<!--begin::Username-->
<div class="d-flex flex-column">
<div class="fw-bold d-flex align-items-center fs-5">{{usuario.desc_nombre}}
<span class="badge badge-light-success fw-bold fs-8 px-2 py-1 ms-2">{{usuario.desc_agente}}</span></div>
<a href="#" class="fw-semibold text-muted text-hover-primary fs-7">{{usuario.dir_correo}}</a>
</div>
<!--end::Username-->
</div>
</div>
<!--end::Menu item-->
<!--begin::Menu separator-->
<div class="separator my-2"></div>
<!--end::Menu separator-->
<!--begin::Menu item-->
<div class="menu-item px-5" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="left-start" data-kt-menu-offset="-15px, 0">
<a href="#" class="menu-link px-5">
<span class="menu-title position-relative">Mode
<span class="ms-5 position-absolute translate-middle-y top-50 end-0">
<i class="ki-outline ki-night-day theme-light-show fs-2"></i>
<i class="ki-outline ki-moon theme-dark-show fs-2"></i>
</span></span>
</a>
<!--begin::Menu-->
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 menu-active-bg menu-state-color fw-semibold py-4 fs-base w-150px" data-kt-menu="true" data-kt-element="theme-mode-menu">
<!--begin::Menu item-->
<div class="menu-item px-3 my-0">
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="light">
<span class="menu-icon" data-kt-element="icon">
<i class="ki-outline ki-night-day fs-2"></i>
</span>
<span class="menu-title">Light</span>
</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3 my-0">
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="dark">
<span class="menu-icon" data-kt-element="icon">
<i class="ki-outline ki-moon fs-2"></i>
</span>
<span class="menu-title">Dark</span>
</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3 my-0">
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="system">
<span class="menu-icon" data-kt-element="icon">
<i class="ki-outline ki-screen fs-2"></i>
</span>
<span class="menu-title">System</span>
</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu-->
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-5" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="left-start" data-kt-menu-offset="-15px, 0">
<a href="#" class="menu-link px-5">
<span class="menu-title position-relative">Language
<span class="fs-8 rounded bg-light px-3 py-2 position-absolute translate-middle-y top-50 end-0">English
<img class="w-15px h-15px rounded-1 ms-2" src="{{asset('assets/media/flags/united-states.svg')}}" alt="" /></span></span>
</a>
<!--begin::Menu sub-->
<div class="menu-sub menu-sub-dropdown w-175px py-4">
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="../../demo39/dist/account/settings.html" class="menu-link d-flex px-5 active">
<span class="symbol symbol-20px me-4">
<img class="rounded-1" src="{{asset('assets/media/flags/united-states.svg')}}" alt="" />
</span>English</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="../../demo39/dist/account/settings.html" class="menu-link d-flex px-5">
<span class="symbol symbol-20px me-4">
<img class="rounded-1" src="{{asset('assets/media/flags/spain.svg')}}" alt="" />
</span>Spanish</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu sub-->
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-5 my-1">
<a href="../../demo39/dist/account/settings.html" class="menu-link px-5">Account Settings</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-5">
<a href="/logout" class="menu-link px-5">Sign Out</a>
</div>
<!--end::Menu item-->
</div>
<!--end::User account menu-->
<!--end::Menu wrapper-->
</div>
<!--end::User menu-->
<!--begin::Header menu toggle-->
<div class="app-navbar-item ms-2 ms-lg-6 ms-n2 me-3 d-flex d-lg-none">
<div class="btn btn-icon btn-custom btn-color-gray-600 btn-active-color-primary w-35px h-35px w-md-40px h-md-40px" id="kt_app_aside_mobile_toggle">
<i class="ki-outline ki-burger-menu-2 fs-2"></i>
</div>
</div>
<!--end::Header menu toggle-->
</div>
<!--end::Navbar-->
</div>
<!--end::Header main-->
</div>
<!--end::Header-->
<!--begin::Wrapper-->
<div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper" style="margin-right: 0px !important;">
<!--begin::Sidebar-->
<div id="kt_app_sidebar" class="app-sidebar flex-column" data-kt-drawer="true" data-kt-drawer-name="app-sidebar" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="250px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_sidebar_mobile_toggle">
<!--begin::Wrapper-->
<div id="kt_app_sidebar_wrapper" class="app-sidebar-wrapper">
<div class="hover-scroll-y my-5 my-lg-2 mx-4" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_app_header" data-kt-scroll-wrappers="#kt_app_sidebar_wrapper" data-kt-scroll-offset="5px">
<!--begin::Sidebar menu-->
<div id="#kt_app_sidebar_menu" data-kt-menu="true" data-kt-menu-expand="false" class="app-sidebar-menu-primary menu menu-column menu-rounded menu-sub-indention menu-state-bullet-primary px-3 mb-5">
<!--begin:Menu item-->
<div class="menu-item" >
<!--begin:Menu link-->
<a href="/" class="menu-link">
<span class="menu-icon">
<i class="ki-outline ki-category fs-2"></i>
</span>
<span class="menu-title">Inicio</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_PROSPECTS' in roles|keys %}
<div class="menu-item" >
<!--begin:Menu link-->
<a href="{{path('prospects')}}" class="menu-link">
<span class="menu-icon">
<i class="ki-outline ki-user-edit fs-2"></i>
</span>
<span class="menu-title">Prospects</span>
</a>
<!--end:Menu link-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_SEGUIMIENTO' in roles|keys %}
<div class="menu-item">
<!--begin:Menu link-->
<a href="{{path('prospectsSeguimiento')}}" class="menu-link">
<span class="menu-icon">
<i class="ki-outline ki-notification-bing fs-2"></i>
</span>
<span class="menu-title">Seguimiento</span>
</a>
<!--end:Menu link-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_SEGUIM_FUNCIONAL' in roles|keys %}
<div class="menu-item">
<!--begin:Menu link-->
<a href="{{path('prospectFuncional')}}" class="menu-link">
<span class="menu-icon">
<i class="ki-outline ki-notification-bing fs-2"></i>
</span>
<span class="menu-title">Seguimiento funcional</span>
</a>
<!--end:Menu link-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_CLIENTES' in roles|keys %}
<div class="menu-item">
<!--begin:Menu link-->
<a href="{{path('clients')}}" class="menu-link">
<span class="menu-icon">
<i class="bi bi-person-fill fs-2"></i>
</span>
<span class="menu-title">Clientes</span>
</a>
<!--end:Menu link-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-outline ki-element-11 fs-2"></i>
</span>
<span class="menu-title">Proyectos</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{ path('projects_client_board') }}">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Gestión</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{ path('projects_monitoring') }}">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Monitoreo</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_TAREAS' in roles|keys %}
<div class="menu-item">
<!--begin:Menu link-->
<a href="{{path('comercial_tareas')}}" class="menu-link">
<span class="menu-icon">
<i class="bi bi-list-task fs-2"></i>
</span>
<span class="menu-title">Gestion Comercial Tareas</span>
</a>
<!--end:Menu link-->
</div>
<div class="menu-item">
<!--begin:Menu link-->
<a href="{{path('tareas')}}" class="menu-link">
<span class="menu-icon">
<i class="bi bi-list-task fs-2"></i>
</span>
<span class="menu-title">Gestion Tareas</span>
</a>
<!--end:Menu link-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_FACTURAS' in roles|keys %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-receipt fs-2"></i>
</span>
<span class="menu-title">Facturacion</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('procesos')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Procesos</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('cargos_list')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Cargos</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('boletos')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Proformas</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('facturas')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Facturas</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('log_facturacion')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Log facturación</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_ALERTAS' in roles|keys %}
<div class="menu-item">
<!--begin:Menu link-->
<a href="{{path('alerts')}}" class="menu-link">
<span class="menu-icon">
<i class="ki-outline ki-notification-on fs-2"></i>
</span>
<span class="menu-title">Alertas</span>
</a>
<!--end:Menu link-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_PARTNERS' in roles|keys %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-people-fill fs-2"></i>
</span>
<span class="menu-title">Partners</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('prospectsAgente')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Prospects Agente</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('agentes')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Agentes</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
{% endif %}
<!--end:Menu item-->
{% if 'MENU_LEGAL' in roles|keys %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-person-fill-lock fs-2"></i>
</span>
<span class="menu-title">Legal</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('documentosLegales')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Documentos</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
{% endif %}
<!--begin:Menu item-->
{% if 'MENU_ADMINISTRACION' in roles|keys %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-gear fs-2"></i>
</span>
<span class="menu-title">Administracion</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('planes')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Planes</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('instancias')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Instancias</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{ path('comisionesTable')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Comisiones</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('liquidacion')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Liquidacion comisiones</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_CONTROL_CLIENTES' in roles|keys %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-zoom-in fs-2"></i>
</span>
<span class="menu-title">Control Clientes</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('controlClientes')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Uso Servicio Morosidad</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_CONTRAPARTES' in roles|keys %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-outline ki-people fs-2"></i>
</span>
<span class="menu-title">Contrapartes</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('alianzas')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Alianzas</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_MARKETING' in roles|keys %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-megaphone fs-2"></i>
</span>
<span class="menu-title">Marketing</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('templates')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Templates Email</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('campaigns')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Campañas</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('downloads')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Descarga Archivos</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
{% endif %}
<!--end:Menu item-->
{% if 'MENU_COMISIONES' in roles|keys %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-megaphone fs-2"></i>
</span>
<span class="menu-title">Gestion Comercial</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('objetivos')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Objetivos</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('comisiones')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Comisiones</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
{% endif %}
{% if 'MENU_GRAFICOS' in roles|keys %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-graph-up fs-2"></i>
</span>
<span class="menu-title">Dashboards</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('graficas')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Gestion Graficos</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
{% endif %}
<!--begin:Menu item-->
{% if 'MENU_ANALITICAS' in roles|keys %}
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('analiticas')}}">
<span class="menu-icon">
<i class="bi bi-bar-chart fs-2"></i>
</span>
<span class="menu-title">Analiticas</span>
</a>
<!--end:Menu link-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
{% if 'MENU_TICKETS' in roles|keys %}
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('tickets')}}">
<span class="menu-icon">
<i class="bi bi-ticket fs-2"></i>
</span>
<span class="menu-title">Tickets</span>
</a>
<!--end:Menu link-->
</div>
{% endif %}
<!--end:Menu item-->
<!--begin:Menu item-->
<!--TODO Añadir permisos-->
{% if 'MENU_RRHH' in roles|keys or 'ADMIN_RRHH' in roles|keys %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-person fs-2"></i>
</span>
<span class="menu-title">RRHH</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{ path('rrhh_licencias') }}">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Licencias Laborales</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
{% endif %}
<!--end:Menu item-->
{% if ('MENU_INOUT' in roles|keys) %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-arrow-left-right fs-2"></i>
</span>
<span class="menu-title">Entrada / Salida</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('backups')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Backups</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu sub-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Mail System</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('bufferMails')}}">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Correos encolados</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('sendedMails')}}">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Correos enviados</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--end:Menu sub-->
</div>
</div>
{% endif %}
{% if 'MENU_PASSWORDS' in roles|keys %}
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('passwords')}}">
<span class="menu-icon">
<i class="bi bi-fingerprint fs-2"></i>
</span>
<span class="menu-title">Contraseñas</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
{% endif %}
{% if 'MENU_LIBRERIA_IMPORTADORES' in roles|keys %}
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('libreria')}}">
<span class="menu-icon">
<i class="bi bi-bookshelf fs-2"></i>
</span>
<span class="menu-title">Importadores</span>
</a>
<!--end:Menu link-->
</div>
{% endif %}
<!--end:Menu item-->
{% if 'MENU_LOG_SERVIDORES' in roles|keys %}
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('serverLogs')}}">
<span class="menu-icon">
<i class="bi bi-hdd-rack fs-2"></i>
</span>
<span class="menu-title">Logs Servidores</span>
</a>
<!--end:Menu link-->
</div>
{% endif %}
<!--end:Menu item-->
{% if ('MENU_SEGURIDAD' in roles|keys) %}
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="bi bi-arrow-left-right fs-2"></i>
</span>
<span class="menu-title">Seguridad</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('roles')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Roles</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('policies')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Policies</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="{{path('matriz_roles')}}" >
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Matriz</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
</div>
{% endif %}
</div>
<!--end::Sidebar menu-->
</div>
</div>
<!--end::Wrapper-->
</div>
<!--end::Sidebar-->
<!--begin::Javascript-->
<script>var hostUrl = "assets/";</script>
<!--begin::Global Javascript Bundle(mandatory for all pages)-->
<script src="{{asset('assets/plugins/global/plugins.bundle.js')}}"></script>
<script src="{{asset('assets/js/scripts.bundle.js')}}"></script>
<!--end::Global Javascript Bundle-->
<!--begin::Vendors Javascript(used for this page only)-->
<script src="{{asset('assets/plugins/custom/fullcalendar/fullcalendar.bundle.js')}}"></script>
<script src="https://cdn.amcharts.com/lib/5/index.js"></script>
<script src="https://cdn.amcharts.com/lib/5/xy.js"></script>
<script src="https://cdn.amcharts.com/lib/5/percent.js"></script>
<script src="https://cdn.amcharts.com/lib/5/radar.js"></script>
<script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>
<script src="https://cdn.amcharts.com/lib/5/map.js"></script>
<script src="https://cdn.amcharts.com/lib/5/geodata/worldLow.js"></script>
<script src="https://cdn.amcharts.com/lib/5/geodata/continentsLow.js"></script>
<script src="https://cdn.amcharts.com/lib/5/geodata/usaLow.js"></script>
<script src="https://cdn.amcharts.com/lib/5/geodata/worldTimeZonesLow.js"></script>
<script src="https://cdn.amcharts.com/lib/5/geodata/worldTimeZoneAreasLow.js"></script>
<script src="{{asset('assets/plugins/custom/datatables/datatables.bundle.js')}}"></script>
<!--end::Vendors Javascript-->
<!--begin::Custom Javascript(used for this page only)-->
<script src="{{asset('assets/js/widgets.bundle.js')}}"></script>
<script src="{{asset('assets/js/custom/widgets.js')}}"></script>
<script src="{{asset('assets/js/custom/apps/chat/chat.js')}}"></script>
<script src="{{asset('assets/js/custom/utilities/modals/upgrade-plan.js')}}"></script>
<script src="{{asset('assets/js/custom/utilities/modals/users-search.js')}}"></script>
<!--end::Custom Javascript-->
<!--end::Javascript-->
<!-- Modal -->
<div class="modal fade" id="clientModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" style="max-width: 80%;" role="document" >
<div class="modal-content" >
<div class="modal-header">
<h4 class="modal-title" id="exampleModalLabel"><b>Detalle Cliente</b></h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!--begin::Card-->
<div class="card">
<!--begin::Card header-->
<div class="card-header border-0 pt-6">
<!--begin::Card title-->
<div class="card-title">
<h3>Contactos</h3>
</div>
<!--begin::Card title-->
</div>
<!--end::Card header-->
<!--begin::Card body-->
<div class="card-body pt-0">
<!--begin::Table-->
<table class="table align-middle table-row-dashed fs-6 gy-5">
<thead>
<tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
<th>Nombre</th>
<th>Cargo</th>
<th>Correo</th>
<th>Telefono</th>
</tr>
</thead>
<tbody id="contactosCliente">
</tbody>
</table>
<!--end::Table-->
</div>
<!--end::Card body-->
</div>
<!--end::Card-->
<br>
<!--begin::Card-->
<div class="card">
<!--begin::Card header-->
<div class="card-header border-0 pt-6">
<!--begin::Card title-->
<div class="card-title">
<h3>Servicios</h3>
</div>
<!--begin::Card title-->
</div>
<!--end::Card header-->
<!--begin::Card body-->
<div class="card-body pt-0">
<!--begin::Table-->
<table class="table align-middle table-row-dashed fs-6 gy-5">
<thead>
<tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
<th>Desc</th>
<th>Modo Sercicio</th>
<th>Plan</th>
<th>Instancia</th>
</tr>
</thead>
<tbody id="serviciosClientes">
</tbody>
</table>
<!--end::Table-->
</div>
<!--end::Card body-->
</div>
<!--end::Card-->
<br>
<!--begin::Card-->
<div class="card">
<!--begin::Card header-->
<div class="card-header border-0 pt-6">
<!--begin::Card title-->
<div class="card-title">
<h3>Tareas</h3>
</div>
<!--begin::Card title-->
</div>
<!--end::Card header-->
<!--begin::Card body-->
<div class="card-body pt-0">
<!--begin::Table-->
<table class="table align-middle table-row-dashed fs-6 gy-5">
<thead>
<tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
<th>Label</th>
<th>Importe</th>
<th>Avance</th>
<th>Estado</th>
</tr>
</thead>
<tbody id="tareasClientes">
</tbody>
</table>
<!--end::Table-->
</div>
<!--end::Card body-->
</div>
<!--end::Card-->
<br>
<div class="row">
<div class="col-md-6">
<!--begin::Card-->
<div class="card">
<!--begin::Card header-->
<div class="card-header border-0 pt-6">
<!--begin::Card title-->
<div class="card-title">
<h3>Boletos de Pago</h3>
</div>
<!--begin::Card title-->
</div>
<!--end::Card header-->
<!--begin::Card body-->
<div class="card-body pt-0">
<!--begin::Table-->
<table class="table align-middle table-row-dashed fs-6 gy-5">
<thead>
<tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
<th>#</th>
<th>Razon Social</th>
<th>Fecha</th>
<th>Importe</th>
<th>Estado</th>
</tr>
</thead>
<tbody id="boletosCliente">
</tbody>
</table>
<!--end::Table-->
</div>
<!--end::Card body-->
</div>
<!--end::Card-->
</div>
<div class="col-md-6">
<!--begin::Card-->
<div class="card">
<!--begin::Card header-->
<div class="card-header border-0 pt-6">
<!--begin::Card title-->
<div class="card-title">
<h3>Facturas</h3>
</div>
<!--begin::Card title-->
</div>
<!--end::Card header-->
<!--begin::Card body-->
<div class="card-body pt-0">
<!--begin::Table-->
<table class="table align-middle table-row-dashed fs-6 gy-5">
<thead>
<tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
<th>#</th>
<th>Razon Social</th>
<th>Fecha</th>
<th>F. Pago</th>
<th>Importe</th>
<th>Estado</th>
</tr>
</thead>
<tbody id="facturasCliente">
</tbody>
</table>
<!--end::Table-->
</div>
<!--end::Card body-->
</div>
<!--end::Card-->
</div>
</div>
<br>
<!--begin::Card-->
<div class="card">
<!--begin::Card header-->
<div class="card-header border-0 pt-6">
<!--begin::Card title-->
<div class="card-title">
<h3>Tickets</h3>
</div>
<!--begin::Card title-->
</div>
<!--end::Card header-->
<!--begin::Card body-->
<div class="card-body pt-0">
<!--begin::Table-->
<table class="table align-middle table-row-dashed fs-6 gy-5">
<thead>
<tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
<th>Asunto</th>
<th>User Email</th>
<th>User Telefono</th>
<th>Creacion</th>
</tr>
</thead>
<tbody id="ticketsClientes">
</tbody>
</table>
<!--end::Table-->
</div>
<!--end::Card body-->
</div>
<!--end::Card-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="prospectModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" style="max-width: 80%;" role="document" >
<div class="modal-content" >
<div class="modal-header">
<h4 class="modal-title" id="exampleModalLabel"><b>Detalle Prospects</b></h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!--begin::Card-->
<div class="card">
<!--begin::Card header-->
<div class="card-header border-0 pt-6">
<!--begin::Card title-->
<div class="card-title">
<h3>Contactos</h3>
</div>
<!--begin::Card title-->
</div>
<!--end::Card header-->
<!--begin::Card body-->
<div class="card-body pt-0">
<!--begin::Table-->
<table class="table align-middle table-row-dashed fs-6 gy-5">
<thead>
<tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
<th>Nombre</th>
<th>Cargo</th>
<th>Correo</th>
<th>Telefono</th>
</tr>
</thead>
<tbody id="contactosProspect">
</tbody>
</table>
<!--end::Table-->
</div>
<!--end::Card body-->
</div>
<!--end::Card-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
<!--begin::Content wrapper-->
<div class="d-flex flex-column flex-column-fluid">
<!--begin::Toolbar-->
<div id="kt_app_toolbar" class="app-toolbar pt-6 pb-2">
<!--begin::Toolbar container-->
<div id="kt_app_toolbar_container" class="app-container container-fluid d-flex align-items-stretch">
<!--begin::Toolbar wrapper-->
<div class="app-toolbar-wrapper d-flex flex-stack flex-wrap gap-4 w-100">
<!--begin::Page title-->
<div class="page-title d-flex flex-column justify-content-center gap-1 me-3">
<!--begin::Title-->
<h1 class="page-heading d-flex flex-column justify-content-center text-dark fw-bold fs-3 m-0"> {% block title %} {% endblock %}</h1>
<!--end::Title-->
<!--begin::Breadcrumb-->
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0">
<!--begin::Item-->
<li class="breadcrumb-item text-muted">
<a href="/" class="text-muted text-hover-primary">Home</a>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item">
<span class="bullet bg-gray-400 w-5px h-2px"></span>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item text-muted">{% block breadcrumb %} {% endblock %}</li>
<!--end::Item-->
</ul>
<!--end::Breadcrumb-->
</div>
<!--end::Page title-->
<!--begin::Actions-->
<div class="d-flex align-items-center gap-2 gap-lg-3">
{% block actions %}{% endblock %}
</div>
<!--end::Actions-->
</div>
<!--end::Toolbar wrapper-->
</div>
<!--end::Toolbar container-->
</div>
<!--end::Toolbar-->
<!--begin::Content-->
<div id="kt_app_content" class="app-content flex-column-fluid" style="padding-top: 0px !important;">
<!--begin::Content container-->
<div id="kt_app_content_container" class="app-container container-fluid">
{% block body %}{% endblock %}
</div>
</div>
</div>
<!--begin::Footer-->
<div id="kt_app_footer" class="app-footer">
<!--begin::Footer container-->
<div class="app-container container-fluid d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
<!--begin::Copyright-->
<div class="text-dark order-2 order-md-1">
<span class="text-muted fw-semibold me-1">2023©</span>
<a href="https://damap.tech" target="_blank" class="text-gray-800 text-hover-primary">Damap - Intelitech SAS</a>
</div>
<!--end::Copyright-->
<!--begin::Menu-->
<ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
<li class="menu-item">
<a href="https://damap.tech" target="_blank" class="menu-link px-2">About</a>
</li>
<li class="menu-item">
<a href="https://damap.tech" target="_blank" class="menu-link px-2">Support</a>
</li>
</ul>
<!--end::Menu-->
</div>
<!--end::Footer container-->
</div>
<!--end::Footer-->
</div>
</div>
<!--end::Wrapper-->
</div>
<!--end::Page-->
</div>
<!--end::App-->
<!--begin::Scrolltop-->
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
<i class="ki-outline ki-arrow-up"></i>
</div>
<!--end::Scrolltop-->
</body>
<!--end::Body-->
</html>