<!DOCTYPE html>
<html class="no-js" ng-app="app">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <title>Sistema Facturación Electrónica</title>

    <link rel="stylesheet" href=" {{ asset("core/vendor/bootstrap/css/bootstrap.min.css") }}">
    <link rel="stylesheet" href=" {{ asset("core/vendor/jquery-ui/jquery-ui.min.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/layout.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/tables.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/forms.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/patterns.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/autocomplete.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/responsive.css") }}">

    {% block stylesheets %}

    {% endblock %}

    <style>
        .modal:nth-of-type(even) {
            z-index: 1052 !important;
        }

        .modal-backdrop.show:nth-of-type(even) {
            z-index: 1051 !important;
        }

        /* Important part */
        .modal-dialog {
            overflow-y: initial !important
        }

        .modal-body {
            max-height: calc(100vh - 200px);
            overflow-y: auto;
        }

    </style>

    <link rel="stylesheet" href=" {{ asset("css/shara.css") }}">
    <!-- Bootstrap 3.3.7 -->
    {# <link rel="stylesheet" href=" {{ asset("bower_components/bootstrap/dist/css/bootstrap.min.css") }}"> #}
    <!-- Font Awesome -->
    <link rel="stylesheet" href=" {{ asset("css/font-awesome.min.css") }}">
    <!-- Ionicons -->
    <link rel="stylesheet" href=" {{ asset("css/ionicons.min.css") }}">
    <!-- Theme style -->
    <link rel="stylesheet" href=" {{ asset("dist/css/AdminLTE.min.css") }}">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
   folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href=" {{ asset("dist/css/skins/skin-blue-light.min.css") }}">
    <!-- Google Font -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

    <link rel="stylesheet" type="text/css" href="{{ asset("css/print.min.css") }}">

    <!-- bootstrap wysihtml5 - text editor -->
    <link rel="stylesheet" type="text/css"
          href="{{ asset("plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css") }}">

    <script src=" {{ asset("core/vendor/jquery-2.2.3.min.js") }}"></script>
    <script src=" {{ asset("core/vendor/modernizr-custom.js") }}"></script>

    <link rel="shortcut icon" href="{{ asset('favicon.ico') }}"/>


    <style>
        .consejos-btn {
            margin-top: 10px;
            margin-right: 10px;
            background-color: #001f3f; /* Azul marino */
            border-color: #001f3f;
            color: #fff;
            animation: pulseZoom 2s infinite;
            font-weight: bold;
            border-radius: 6px;
            padding: 8px 12px;
            font-size: 13px;
        }

        .consejos-btn:hover {
            background-color: #003366;
            border-color: #003366;
        }

        @keyframes pulseZoom {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.08);
            }
            100% {
                transform: scale(1);
            }
        }

        @media (max-width: 767px) {
            .consejos-btn {
                font-size: 11px;
                padding: 6px 8px;
            }
        }

        .modal:nth-of-type(even) {
            z-index: 1052 !important;
        }

        .modal-backdrop.show:nth-of-type(even) {
            z-index: 1051 !important;
        }

        /* Important part */
        .modal-dialog {
            overflow-y: initial !important
        }

        .modal-body {
            max-height: calc(100vh - 100px);
            overflow-y: auto;
        }
    </style>


</head>
{% block bodytag %}
<body class="hold-transition skin-blue-light wysihtml5-supported sidebar-mini">
{% endblock %}

{% block header %}
    <div class="wrapper">
        <header class="main-header">
            <!-- Logo -->
            <a href="{{ path('dashboard_index') }}" class="logo">
                <!-- mini logo for sidebar mini 50x50 pixels -->
                <span class="logo-mini">MIFAC</span>
                <!-- logo for regular state and mobile devices -->
                <span class="logo-lg">FACTECU</span>
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top">
                <!-- Sidebar toggle button-->
                <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"><span class="sr-only">Toggle navigation</span></a>


                <style>
                    .documentos-btn, .consejos-btn {
                        font-size: 11px !important;
                        padding: 2px 6px !important; /* reduce espacio vertical y horizontal */
                        border-radius: 4px !important;
                        min-width: 50px !important; /* reduce ancho m��nimo */
                        max-width: 100px !important; /* opcional, para que no crezca demasiado */
                        height: 28px !important; /* reduce altura fija */
                        line-height: 1.2 !important;
                        white-space: nowrap; /* evita que el texto se parta en dos l��neas */
                    }

                </style>


                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">


                        <li>
                            <button id="btnDocumentos" class="btn navbar-btn documentos-btn" data-toggle="modal"
                                    data-target="#modalDocumentos">
                                <i class="fa fa-bell"></i> Mi plan
                            </button>
                        </li>


                        <!-- Tasks: style can be found in dropdown.less -->
                        <!-- User Account: style can be found in dropdown.less -->


                        <!-- Bot��n de consejos -->
                        <!-- <li>
                            <button id="btnConsejos" class="btn btn-info consejos-btn" data-toggle="modal" data-target="#modalConsejos">
                                <i class="fa fa-lightbulb-o"></i> Consejos
                            </button>
                        </li-->


                         <!-- Bot��n Declaratoria SRI PDF -->
                        <li>
                            <a href="https://chatboot.factecu2.com/SRI.pdf" target="_blank"
                               class="pdf-btn btn btn-danger" style="padding: 6px 12px; font-size: 14px;">
                                <i class="fa fa-file-pdf-o" aria-hidden="true"></i> SRI 2025
                            </a>
                        </li>


                        <!-- Bot��n flotante WhatsApp Soporte -->
                        <!--<button id="chatbot-button" aria-label="Abrir chat de soporte" title="Abrir chat de soporte"
                          style="
                            position: fixed;
                            bottom: 20px;
                            right: 20px;
                            width: 64px;
                            height: 64px;
                            border-radius: 50%;
                            z-index: 100001;
                            background: linear-gradient(135deg, #25d366, #128c43);
                            border:none;
                            color:#fff;
                            font-weight:bold;
                            cursor:pointer;
                            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
                            transition: background-color 0.3s ease;
                          "
                          onmouseover="this.style.background='linear-gradient(135deg, #128c43, #0f7a35)'"
                          onmouseout="this.style.background='linear-gradient(135deg, #25d366, #128c43)'"
                        >
                          Soporte
                        </button>

                        <-- Iframe con chat (oculto inicialmente) -->
                        <!--<iframe
                          src="https://chatboot.factecu2.com/chat_widget.php"
                          id="chatbot-iframe"
                          style="
                            position: fixed;
                            bottom: 84px; /* justo arriba del bot��n */
                            right: 20px;
                            width: 380px;
                            height: 520px;
                            border: none;
                            border-radius: 12px;
                            z-index: 100000;
                            display: none;
                            pointer-events: none;
                          "
                          title="Chat Soporte"
                          aria-label="Chat Soporte"
                        ></iframe>

                        <script>
                          const btn = document.getElementById("chatbot-button");
                          const iframe = document.getElementById("chatbot-iframe");

                          btn.addEventListener("click", () => {
                            if (iframe.style.display === "block") {
                              iframe.style.display = "none";
                              iframe.style.pointerEvents = "none";
                              btn.setAttribute("aria-expanded", "false");
                            } else {
                              iframe.style.display = "block";
                              iframe.style.pointerEvents = "auto";
                              btn.setAttribute("aria-expanded", "true");
                            }
                          });
                        </script>  -->


                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <img src="{{ asset('dist/img/avatar5.png') }}" class="user-image" alt="User Image">
                                <span class="hidden-xs">
                                    {% if app.user %}
                                        {{ user_empresa_name() }}
                                    {% endif %}
                                </span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header">
                                    <img src="{{ asset('dist/img/avatar5.png') }}" class="img-circle" alt="User Image">
                                    <p>
                                        {% if app.user %}
                                            {{ user_empresa_name() }}
                                        {% endif %}

                                    </p>
                                </li>
                                <!-- Menu Body -->

                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        {% if app.user.username != "demo" %}
                                            <a href="#"
                                               class="btn btn-default btn-flat">Perfil</a>
                                        {% endif %}
                                    </div>
                                    {# <div class="pull-right">
                                        <a href="{{ path('fos_user_security_logout') }}"
                                           class="btn btn-default btn-flat"
                                           data-shortcut="alt+g, q">Salir</a>
                                    </div>
                                    #}
                                </li>
                            </ul>
                        </li>

                        <!-- Notifications: style can be found in dropdown.less -->

                        <li id="alerts-container" class="dropdown notifications-menu">
                            {# {{ render_hinclude(controller('SiwappCoreBundle:Core:notificaciones')) }} #}

                        </li>

                        <li>
                            <a href="{{ path('app_logout') }}"><i class="fa fa-times"></i>&nbsp;Salir</a>
                        </li>

                        <!-- Control Sidebar Toggle Button -->
                    </ul>
                </div>


            </nav>
        </header>
        <!-- Left side column. contains the logo and sidebar -->
        <aside class="main-sidebar">
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <div class="user-panel">
                    <div class="pull-left image">
                        <img src=" {{ asset('favicon.ico') }}" class="img-circle" alt="User Image">
                    </div>
                    <div class="pull-left info">
                        {% if app.user %}
                            {# <p> {{ user_empresa_name() }}</p> #}
                            <p>Ambiente:&nbsp;<b>{{ user_empresa_ambiente() }}</b></p>
                            <a href="#"><i class="fa fa-circle text-success"></i> Online</a>

                        {% endif %}
                    </div>
                </div>
                <!-- search form -->
                {# <form action="#" method="get" class="sidebar-form">
                    <div class="input-group">
                        <input type="text" name="q" class="form-control" placeholder="Search...">
                        <span class="input-group-btn"><button type="submit" name="search" id="search-btn"
                                                              class="btn btn-flat">
                                    <i class="fa fa-search"></i>
                                </button></span>
                    </div>
                </form> #}
                <!-- /.search form -->
                <!-- sidebar menu: : style can be found in sidebar.less -->
                <ul class="sidebar-menu tree" data-widget="tree">
                    <li class="header">MENU PRINCIPAL</li>
                    <li>
                        <a href="{{ path('dashboard_index') }}"><i class="fa fa-dashboard"></i>
                            <span>Dashboard</span></a>
                    </li>

                    {% if app.user.escontador is defined and app.user.escontador == false %}
                        {% set routename = app.request.attributes.get('_route') %}
                        <li class="treeview {{ routename|menu_tree_open('invoice,retencion,credito,liquidacion,liqreembolso') }}">
                            <a href="#">
                                <i class="fa fa-list"></i> <span>Comprobantes</span>
                                <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                            </span>
                            </a>

                            <ul class="treeview-menu"
                                style="display: {{ routename|menu_tree_display('invoice,retencion,credito,liquidacion,liqreembolso') }}">
                                <li class="{{ routename|menu_active_tab('invoice') }}"><a
                                            href="{{ path('invoice_index') }}"><i class="fa fa-circle-o text-red"></i>
                                        <span>Facturas</span></a>
                                </li>
                                <li class="{{ routename|menu_active_tab('retencion') }}"><a
                                            href="{{ path('retencion_index') }}"><i
                                                class="fa fa-circle-o text-yellow"></i>
                                        <span>Retenciones</span></a>
                                </li>
                                <li class="{{ routename|menu_active_tab('credito') }}"><a
                                            href="{{ path('credito_index') }}"><i
                                                class="fa fa-circle-o text-light-blue"></i>
                                        <span>Nota Creditos</span></a>
                                </li>

                                <li class="{{ routename|menu_active_tab('liquidacion') }}"><a
                                            href="{{ path('liquidacion_index') }}"><i
                                                class="fa fa-circle-o text-black"></i>
                                        <span>Liq. Compras</span></a>
                                </li>
                                <li class="{{ routename|menu_active_tab('liqreembolso') }}"><a
                                            href="{{ path('liqreembolso_index') }}"><i
                                                class="fa fa-circle-o text-black"></i>
                                        <span>Liq. Reembolso</span></a>
                                </li>
                                <li class="{{ routename|menu_active_tab('guiaremision') }}"><a
                                            href="{{ path('guiaremision_index') }}"><i
                                                class="fa fa-circle-o text-red"></i>
                                        <span>Guia Remision</span></a>
                                </li>
                            </ul>
                        </li>

                        <li class="treeview {{ routename|menu_tree_open('customer,product,provider') }}">
                            <a href="#">
                                <i class="fa fa-users"></i> <span>Administracion</span>
                                <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                            </span>
                            </a>

                            <ul class="treeview-menu"
                                style="display: {{ routename|menu_tree_display('customer,product,provider') }}">
                                <li class="{{ routename|menu_active_tab('customer') }}">
                                    <a href="{{ path('customer_index') }}"><i class="fa fa-circle-o"></i>
                                        <span>Clientes</span></a>
                                </li>

                                <li class="{{ routename|menu_active_tab('provider') }}">
                                    <a href="{{ path('provider_index') }}"><i class="fa fa-circle-o"></i>
                                        <span>Proveedores</span></a>
                                </li>

                                <li class="{{ routename|menu_active_tab('product') }}">
                                    <a href="{{ path('product_index') }}"><i class="fa fa-circle-o"></i>
                                        <span>Productos</span></a>
                                </li>
                                <li class="{{ routename|menu_active_tab('transportista') }}">
                                    <a href="{{ path('transportista_index') }}"><i class="fa fa-circle-o"></i>
                                        <span>Transportistas</span></a>
                                </li>
                            </ul>
                        </li>




                        <div class="card"
                             style="max-width: 300px; background-color: #f9f9f9; padding: 15px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);">
                            <h5 style="color:#41356c; margin-bottom:10px;">Enlaces &uacute;tiles</h5>
                            <ul style="list-style:none; padding-left:0;">
                                <li style="margin-bottom:8px;">
                                    <a href="https://www.youtube.com/playlist?list=PLAKpHM-Nf1P67vxdIpE6oHkVvA_2LN2Mg"
                                       target="_blank" style="text-decoration:none; color:#41356c;">
                                        <i class="fa fa-circle-o text-light-blue"></i> Ver Tutoriales Youtube
                                    </a>
                                </li>
                                <li style="margin-bottom:8px;">
                                    <a href="https://srienlinea.sri.gob.ec/sri-en-linea/SriRucWeb/ConsultaRuc/Consultas/consultaRuc"
                                       target="_blank" style="text-decoration:none; color:#41356c;">
                                        <i class="fa fa-circle-o text-light-blue"></i> Consulta RUC
                                    </a>
                                </li>
                                <li style="margin-bottom:12px;">
                                    <a href="https://srienlinea.sri.gob.ec/comprobantes-electronicos-internet/publico/validezComprobantes.jsf?&contextoMPT=https://srienlinea.sri.gob.ec/tuportal-internet&pathMPT=Facturaci%F3n%20Electr%F3nica&actualMPT=Validez%20de%20comprobantes%20&linkMPT=%2Fcomprobantes-electronicos-internet%2Fpublico%2FvalidezComprobantes.jsf%3F&esFavorito=S"
                                       target="_blank" style="text-decoration:none; color:#41356c;">
                                        <i class="fa fa-circle-o text-light-blue"></i> Consulta validez de comprobante
                                    </a>
                                </li>
                            </ul>

                            <!-- <div style="text-align:center; margin-top:10px;">
                             <a href="https://factecu.com/webfactecu/#producto" target="_blank" class="btn btn-sm btn-primary" style="color: #fff;">
                                 VER M&Aacute;S PLANES
                             </a>
                         </div>
                         -->

                        </div>










                        <li class="header">CONFIGURACION</li>
                        <li>
                        </li>
                        <li>
                            {% if app.user.username != "demo" and  app.user.username != "admin" and  app.user.username != "svycar" %}
                                <a href="{{ path('plan_contratado') }}" data-shortcut="alt+g, s">
                                    <i class="fa fa-money"></i>
                                    <span>Renovar mi Plan</span>
                                </a>

                            {% endif %}
                        </li>









                        <li>
                            {% if app.user.username != "demo" %}

                                <a href="{{ path('global_settings') }}" data-shortcut="alt+g, s">
                                    <i class="fa fa-cogs"></i>
                                    <span>Ajustes</span>
                                </a>
                            {% endif %}
                        </li>

                        {% if app.user.username in ["svycar","admin"] %}
                            <li class="treeview {{ routename|menu_tree_open('admin_fa,admin_re,admin_cli,admin_parametros_sri') }}">
                                <a href="#">
                                    <i class="fa fa-user"></i> <span>ADMIN</span>
                                    <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                                </span>
                                </a>

                                <ul class="treeview-menu"
                                    style="display: {{ routename|menu_tree_display('admin_fa,admin_re,admin_parametros,admin_cli,admin_plan,admin_pagos,admin_contador,admin_contri') }}">
                                    <li class="{{ routename|menu_active_tab('admin_fa') }}">
                                        <a href="{{ path('admin_fa_index') }}">
                                            <i class="fa fa-circle-o"></i>
                                            <span>FACTURAS</span>
                                        </a>
                                    </li>

                                    <li class="{{ routename|menu_active_tab('admin_re') }}">
                                        <a href="{{ path('admin_re_index') }}">
                                            <i class="fa fa-circle-o"></i>
                                            <span>RETENCIONES</span>
                                        </a>
                                    </li>
                                    <li class="{{ routename|menu_active_tab('admin_parametros_index') }}">
                                        <a href="{{ path('admin_parametros_index') }}"><i class="fa fa-circle-o"></i>
                                            <span>PARAMETROS</span></a>
                                    </li>
                                    <li class="{{ routename|menu_active_tab('admin_cli') }}">
                                        <a href="{{ path('admin_cli_index') }}"><i class="fa fa-circle-o"></i>
                                            <span>EMPRESAS</span></a>
                                    </li>
                                    <li class="{{ routename|menu_active_tab('admin_plan') }}">
                                        <a href="{{ path('admin_plan_index') }}"><i class="fa fa-circle-o"></i>
                                            <span>PLANES</span></a>
                                    </li>
                                    <li class="{{ routename|menu_active_tab('admin_pagos') }}">
                                        <a href="{{ path('admin_pagos_index') }}"><i class="fa fa-circle-o"></i>
                                            <span>PAGOS</span></a>
                                    </li>
                                    <li class="{{ routename|menu_active_tab('admin_contador') }}">
                                        <a href="{{ path('admin_contador_index') }}"><i class="fa fa-circle-o"></i>
                                            <span>CONTADOR</span></a>
                                    </li>
                                    <li class="{{ routename|menu_active_tab('admin_contri') }}">
                                        <a href="{{ path('admin_contri_index') }}"><i class="fa fa-circle-o"></i>
                                            <span>CONTRIBUYENTES</span></a>
                                    </li>
                                    
                                    <li>
<a href="{{ path('subir_anuncio') }}">
<i class="fa fa-bullhorn"></i>
<span>SUBIR ANUNCIO</span>
</a>
</li>

                                </ul>
                            </li>
                        {% endif %}
                    {% endif %}

                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper" style="background-color: #ECF0F5">
            <!-- Content Header (Page header) -->
            {% block actionheader %}
                <section class="content-header" style="margin: 0; padding: 0;">
                    {% block headerlink %} {% endblock %}

                    {# {% block breadcrumb %}
                            <ol class="breadcrumb">

                                <li>
                                    <a href="#"><i class="fa fa-dashboard"></i> Home</a>
                                </li>
                                <li class="active">Dashboard</li>

                            </ol>
                        {% endblock %}
                    #}
                </section>
            {% endblock %}
            <!-- Main content -->
            <section class="content">
                {% block dashboard %}{% endblock %}
                <div class="row" ng-controller="homeController">
                    <!-- Left col -->
                    <section class="col-lg-12 connectedSortable">
                        {% block searchform_container %}

                            {% block searchform %}
                                <p><strong>SEARCHFORM:</strong> Check ::base.html.twig.</p>
                                <ul>
                                    <li>To remove the <em>searchform</em> override the
                                        <em>searchform_container</em>
                                        block in your template.
                                    </li>
                                    <li>To add your own <em>searchform</em> code override the
                                        <em>searchform</em>block
                                        in your template.
                                    </li>
                                </ul>
                            {% endblock %}

                        {% endblock %}

                        {% block page_messages %}
                            {% for type, flashes in app.session.flashbag.all %}
                                {% for flash in flashes %}
                                    <div class="alert alert-{{ type }} fade in">
                                        <button href="#" class="close" data-dismiss="alert">&times;</button>
                                        {{ flash|raw }}
                                    </div>
                                {% endfor %}
                            {% endfor %}
                        {% endblock %}


                        {% block body %}{% endblock %}


                    </section>
                    <!-- /.Left col -->
                    <!-- right col (We are only adding the ID to make the widgets sortable)-->
                    <!-- right col -->
                </div>
                <!-- /.row (main row) -->
            </section>
            <!-- /.content -->
        </div>
        <!-- /.content-wrapper -->
        <footer id="ft" class="main-footer">
            <div class="pull-right hidden-xs">
                <b>Version</b> 2.5.0
            </div>
            <strong>Copyright &copy; 2014-2020 &nbsp;&nbsp;<a href="https://factecu.com/webfactecu/"
                                                              target="_blank">FACTECU</a></strong>
        </footer>
        <!-- Add the sidebar's background. This div must be placed
    immediately after the control sidebar -->
        <div class="control-sidebar-bg"></div>

        {% if srialerts is defined %}
            <div class="modal fade" id="modal-sri" style="display: none;">
                <div class="modal-dialog">
                    <div class="modal-content">

                        <div class="modal-body">
                            {% if srialerts is not null %}
                                {% for item in srialerts %}
                                    <div id="errormodal" class="alert alert-box alert-dismissible">
                                        <img src="{{ item.logosri }}" alt="Logo"
                                             title="logosri"
                                             height="100%">
                                    </div>
                                {% endfor %}

                            {% endif %}
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-success pull-right" data-dismiss="modal">&nbsp;Cerrar
                            </button>
                        </div>

                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
        {% endif %}
    </div>
{% endblock %}


<script src=" {{ asset("js/shara.js") }}"></script>
<script src="{{ asset('angular/vendor/angular.min.js') }}"></script>
<script src="{{ asset('angular/vendor/angular-route.min.js') }}"></script>
<script src="{{ asset('angular/vendor/angular-resource.min.js') }}"></script>
<script src="{{ asset('angular/js/cart.js') }}"></script>
<script src="{{ asset('angular/js/app.js') }}"></script>
{# <script src="{{ asset('js/hinclude.js') }}"></script> #}

<script src=" {{ asset("core/vendor/bootstrap/js/bootstrap.min.js") }}"></script>
<script src=" {{ asset("js/fastclick.js") }}"></script>
<!-- AdminLTE App -->
<script src=" {{ asset("dist/js/adminlte.min.js") }}"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
{# <script src=" {{ asset("dist/js/pages/dashboard.js") }}"></script> #}
<!-- AdminLTE for demo purposes -->

<script src=" {{ asset("core/vendor/jquery.placeholder.min.js") }}"></script>
<script src=" {{ asset("core/vendor/jquery-ui/jquery-ui.min.js") }}"></script>
<script src=" {{ asset("js/global.js") }}"></script>
<script src=" {{ asset("js/jquery.blockUI.min.js") }}"></script>

<script src=" {{ asset("js/print.min.js") }}"></script>

{% block javascripts %}{% endblock %}
{% block toolbar %}{% endblock %}
<script>
    $.get(
        '{{ path('core_notificaciones') }}', null,
        function (newHtml) {
            $('#alerts-container').html(newHtml);
        }
    );


</script>

<script type="text/javascript">
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
    });
</script>

<!-- CK Editor -->
<script src=" {{ asset("bower_components/ckeditor/ckeditor.js") }}"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src=" {{ asset("plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js") }}"></script>
<script>
    $(function () {

        {% if srialerts is defined %}
        {% if srialerts is not null %}
        $('#modal-sri').modal('show');
        {% endif %}
        {% endif %}
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        CKEDITOR.replace('editor1')
        //bootstrap WYSIHTML5 - text editor
        $('.textarea').wysihtml5()
    })


</script>


<!-- Modal Consejos SRI -->
<!-- <div class="modal fade" id="modalConsejos" tabindex="-1" role="dialog" aria-labelledby="modalConsejosLabel">
  <div class="modal-dialog modal-lg" role="document" style="max-width: 900px;">
    <div class="modal-content" style="height: 80vh; display: flex; flex-direction: column;">
      <div class="modal-header bg-navy">
        <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title" id="modalConsejosLabel">
          <i class="fa fa-lightbulb-o"></i> Consejos para facturar correctamente
        </h4>
      </div>
      <div class="modal-body" style="flex-grow: 1; padding: 0;">
        <iframe 
          src="https://chatboot.factecu2.com/consejosSRI_public.php" 
          style="width: 100%; height: 100%; border: none;" 
          title="Consejos SRI"
          aria-label="Contenido de consejos SRI"
          tabindex="-1"
        ></iframe>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>
-->

<style>
    .documentos-btn {
        margin-top: 10px;
        margin-right: 10px;
        background-color: #ff6347; /* color tomate */
        border-color: #ff6347;
        color: #fff;
        animation: pulseZoom 2s infinite;
        font-weight: bold;
        border-radius: 6px;
        padding: 8px 12px;
        font-size: 13px;
    }

    .documentos-btn:hover {
        background-color: #e5533d;
        border-color: #e5533d;
    }

    @media (max-width: 767px) {
        .documentos-btn {
            font-size: 11px;
            padding: 6px 8px;
        }
    }
</style>

{% set mensaje = user_empresa_emitidos() %}
{% set ilimitado = (mensaje matches '/-1/') %}

<div class="modal fade" id="modalDocumentos" tabindex="-1" role="dialog" aria-labelledby="modalDocumentosLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header" style="background-color: #ff6347; color: white;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="modalDocumentosLabel">
                    <i class="fa fa-bell"></i> Informaci&oacute;n de Documentos<br>
                    <p align="center" style="font-size: 15px;">{{ user_empresa_name() }}</p>
                </h4>
            </div>
            <div class="modal-body">
                {% if mensaje == '' %}
                    <p style="font-size: 15px;">No tienes documentos disponibles o el plan actual no tiene informaci&oacute;n.</p>
                {% else %}
                    {% if ilimitado %}
                        <p style="font-size: 15px;">
                            Tu plan es <strong>ILIMITADO</strong>.
                            Fecha de caducidad:
                            <strong>{{ caducaPlan.fecha|date("d \\d\\e F \\d\\e Y", "America/Guayaquil")|capitalize }}</strong>.
                        </p>
                        <hr>
                    {% else %}
                        {% set lineas = mensaje|split('<br>') %}
                        {% for linea in lineas %}
                            <p style="font-size: 15px;">{{ linea|raw }}</p>
                        {% endfor %}
                    {% endif %}
                {% endif %}
                <hr>
                <p><small>Si tienes dudas, comun&iacute;cate con Soporte: <strong>0987635146</strong></small></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>


<li>
    <a href="#">
        <i class="fa fa-users"></i>
        Conectados: <span id="usuarios-online">0</span>
    </a>
</li>


<script>
function cargarUsuariosOnline() {

    fetch('/online.php')
        .then(response => response.text())
        .then(total => {
            document.getElementById('usuarios-online').innerText = total;
        });

}

// cargar inmediato
cargarUsuariosOnline();

// actualizar cada 10 segundos
setInterval(cargarUsuariosOnline, 10000);
</script>

</body>
</html>
