{% extends 'base_gerente.html.twig' %}

{% block title %}Cardenal | Bienvenido!{% endblock %}

{% block stylesheets %}
    {{ encore_entry_link_tags('app') }}
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('app') }}
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <script src="{{ asset('js/servicios/servicios.js') }}"></script>
    <script src="{{ asset('js/pagos/pagos.js') }}"></script>
    <script src="{{ asset('js/Gastos/gastos.js') }}"></script>
    <script src="{{ asset('js/Inventario/Inventarios.js ') }}"></script>
    <script src="{{ asset('js/Buffet/buffet.js ') }}"></script>
    <script src="{{ asset('js/Reportes/Graficas.js ') }}"></script>
    <script src="{{ asset('js/Reportes/reportes.js ') }}"></script>
    <script src="{{ asset('js/CajaChica/cajachica.js ') }}"></script>
    <script src="{{ asset('js/Proveedores/Provedores.js ') }}"></script>

{% endblock %}

{% block menu_principal %}
    <ul class="nav flex-column" role="tablist">
        <!--begin::Item-->
        <li class="nav-item mb-3" data-toggle="tooltip" data-placement="right" data-container="body"
            data-boundary="window" title="Servicios">
            <a href="#" class="nav-link btn btn-icon btn-icon-white btn-hover-transparent-white active"
               data-toggle="tab" data-target="#kt_aside_tab_1" role="tab" onclick="listarMesasActivas();">
				<span class="svg-icon svg-icon-sm">
					<!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Cooking\Chef.svg-->

                    <svg xmlns="http://www.w3.org/2000/svg"
                         width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect x="0" y="0" width="24" height="24"/>
                                        <rect fill="#FFFFFF" opacity="0.3" x="5" y="20" width="14" height="2" rx="1"/>
                                        <path d="M5,12.8739825 C3.27477279,12.4299397 2,10.8638394 2,9 C2,6.790861 3.790861,5 6,5 C6.11332888,5 6.22555698,5.00471299 6.33649899,5.01395368 C7.15621908,2.67628292 9.38235111,1 12,1 C14.6176489,1 16.8437809,2.67628292 17.663501,5.01395368 C17.774443,5.00471299 17.8866711,5 18,5 C20.209139,5 22,6.790861 22,9 C22,10.8638394 20.7252272,12.4299397 19,12.8739825 L19,17 C19,17.5522847 18.5522847,18 18,18 L6,18 C5.44771525,18 5,17.5522847 5,17 L5,12.8739825 Z"
                                              fill="#FF
                                          FFFF"/>
                                    </g>
                                </svg>
                    <!--end::Svg Icon-->
				</span>
            </a>
        </li>

        <li class="nav-item mb-3" data-toggle="tooltip" data-placement="right" data-container="body"
            data-boundary="window" title="Agenda">
            <a href="#" class="nav-link btn btn-icon btn-icon-white btn-hover-transparent-white"
               data-toggle="tab" data-target="#kt_aside_tab_7" role="tab" onclick="contenedorAgenda();">
				<span class="svg-icon svg-icon-sm">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                         class="bi bi-calendar-month-fill"
                         viewBox="0 0 16 16">
                      <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zm.104 7.305L4.9 10.18H3.284l.8-2.375h.02zm9.074 2.297c0-.832-.414-1.36-1.062-1.36-.692 0-1.098.492-1.098 1.36v.253c0 .852.406 1.364 1.098 1.364.671 0 1.062-.516 1.062-1.364v-.253z"/>
                      <path d="M16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zM2.56 12.332h-.71L3.748 7h.696l1.898 5.332h-.719l-.539-1.602H3.1l-.54 1.602zm7.29-4.105v4.105h-.668v-.539h-.027c-.145.324-.532.605-1.188.605-.847 0-1.453-.484-1.453-1.425V8.227h.676v2.554c0 .766.441 1.012.98 1.012.59 0 1.004-.371 1.004-1.023V8.227h.676zm1.273 4.41c.075.332.422.636.985.636.648 0 1.07-.378 1.07-1.023v-.605h-.02c-.163.355-.613.648-1.171.648-.957 0-1.64-.672-1.64-1.902v-.34c0-1.207.675-1.887 1.64-1.887.558 0 1.004.293 1.195.64h.02v-.577h.648v4.03c0 1.052-.816 1.579-1.746 1.579-1.043 0-1.574-.516-1.668-1.2h.687z"/>
                    </svg>
				</span>
            </a>
        </li>

        <!--end::Item-->
        <!--begin::Item-->
        <li class="nav-item mb-3" data-toggle="tooltip" data-placement="right" data-container="body"
            data-boundary="window" title="Pagos">
            <a href="#" class="nav-link btn btn-icon btn-icon-white btn-hover-transparent-white"
               data-toggle="tab" data-target="#kt_aside_tab_2" role="tab" onclick="limpiarCamposMesasDetalles();">
                <span class="svg-icon svg-icon-xl">
                    <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Shopping\Dollar.svg-->
                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
                         height="24px" viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <rect x="0" y="0" width="24" height="24"/>
                            <rect fill="#FFFFFF" opacity="0.3" x="11.5" y="2" width="2" height="4" rx="1"/>
                            <rect fill="#FFFFFF" opacity="0.3" x="11.5" y="16" width="2" height="5" rx="1"/>
                            <path d="M15.493,8.044 C15.2143319,7.68933156 14.8501689,7.40750104 14.4005,7.1985 C13.9508311,6.98949895 13.5170021,6.885 13.099,6.885 C12.8836656,6.885 12.6651678,6.90399981 12.4435,6.942 C12.2218322,6.98000019 12.0223342,7.05283279 11.845,7.1605 C11.6676658,7.2681672 11.5188339,7.40749914 11.3985,7.5785 C11.2781661,7.74950085 11.218,7.96799867 11.218,8.234 C11.218,8.46200114 11.2654995,8.65199924 11.3605,8.804 C11.4555005,8.95600076 11.5948324,9.08899943 11.7785,9.203 C11.9621676,9.31700057 12.1806654,9.42149952 12.434,9.5165 C12.6873346,9.61150047 12.9723317,9.70966616 13.289,9.811 C13.7450023,9.96300076 14.2199975,10.1308324 14.714,10.3145 C15.2080025,10.4981676 15.6576646,10.7419985 16.063,11.046 C16.4683354,11.3500015 16.8039987,11.7268311 17.07,12.1765 C17.3360013,12.6261689 17.469,13.1866633 17.469,13.858 C17.469,14.6306705 17.3265014,15.2988305 17.0415,15.8625 C16.7564986,16.4261695 16.3733357,16.8916648 15.892,17.259 C15.4106643,17.6263352 14.8596698,17.8986658 14.239,18.076 C13.6183302,18.2533342 12.97867,18.342 12.32,18.342 C11.3573285,18.342 10.4263378,18.1741683 9.527,17.8385 C8.62766217,17.5028317 7.88033631,17.0246698 7.285,16.404 L9.413,14.238 C9.74233498,14.6433354 10.176164,14.9821653 10.7145,15.2545 C11.252836,15.5268347 11.7879973,15.663 12.32,15.663 C12.5606679,15.663 12.7949989,15.6376669 13.023,15.587 C13.2510011,15.5363331 13.4504991,15.4540006 13.6215,15.34 C13.7925009,15.2259994 13.9286662,15.0740009 14.03,14.884 C14.1313338,14.693999 14.182,14.4660013 14.182,14.2 C14.182,13.9466654 14.1186673,13.7313342 13.992,13.554 C13.8653327,13.3766658 13.6848345,13.2151674 13.4505,13.0695 C13.2161655,12.9238326 12.9248351,12.7908339 12.5765,12.6705 C12.2281649,12.5501661 11.8323355,12.420334 11.389,12.281 C10.9583312,12.141666 10.5371687,11.9770009 10.1255,11.787 C9.71383127,11.596999 9.34650161,11.3531682 9.0235,11.0555 C8.70049838,10.7578318 8.44083431,10.3968355 8.2445,9.9725 C8.04816568,9.54816454 7.95,9.03200304 7.95,8.424 C7.95,7.67666293 8.10199848,7.03700266 8.406,6.505 C8.71000152,5.97299734 9.10899753,5.53600171 9.603,5.194 C10.0970025,4.85199829 10.6543302,4.60183412 11.275,4.4435 C11.8956698,4.28516587 12.5226635,4.206 13.156,4.206 C13.9160038,4.206 14.6918294,4.34533194 15.4835,4.624 C16.2751706,4.90266806 16.9686637,5.31433061 17.564,5.859 L15.493,8.044 Z"
                                  fill="#FFFFFF"/>
                        </g>
                    </svg>
                    <!--end::Svg Icon-->
                </span>
            </a>
        </li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="nav-item mb-3" data-toggle="tooltip" data-placement="right" data-container="body"
            data-boundary="window" title="Reportes" onclick="contenedorIngresos();">
            <!--onclick="contenedorModaIngresos();"-->
            <a href="#" class="nav-link btn btn-icon btn-icon-white btn-hover-transparent-white" data-toggle="tab"
               data-target="#kt_aside_tab_3" role="tab">
                <span class="svg-icon svg-icon-xl">
                    <!--begin::Svg Icon | path:assets/media/svg/icons/Media/Equalizer.svg-->
                    <svg xmlns="http://www.w3.org/2000/svg"
                         width="24px" height="24px"
                         viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <rect x="0" y="0" width="24" height="24"/>
                            <rect fill="#000000" opacity="0.3" x="13" y="4" width="3"
                                  height="16" rx="1.5"/>
                            <rect fill="#000000" x="8" y="9" width="3" height="11" rx="1.5"/>
                            <rect fill="#000000" x="18" y="11" width="3" height="9" rx="1.5"/>
                            <rect fill="#000000" x="3" y="13" width="3" height="7" rx="1.5"/>
                        </g>
                    </svg>
                    <!--end::Svg Icon-->
                </span>
            </a>
        </li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="nav-item mb-3" data-toggle="tooltip" data-placement="right" data-container="body"
            data-boundary="window" title="Gastos" onclick="MostrarFormGastos();">
            <a href="#" class="nav-link btn btn-icon btn-icon-white btn-hover-transparent-white" data-toggle="tab"
               data-target="#kt_aside_tab_4" role="tab">
                <i class="bi bi-cash-coin"></i>
                <svg xmlns="" width="16" height="16" fill="currentColor" class="bi bi-cash-coin" viewBox="0 0 16 16">
                    <path fill-rule="evenodd"
                          d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z"/>
                    <path d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207 0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007 1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-1.354c-.369-.085-.569-.26-.569-.522 0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569 0 .339-.257.571-.709.614v-1.195l.054.012z"/>
                    <path d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0 2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z"/>
                    <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z"/>
                </svg>
            </a>
        </li>

        <li class="nav-item mb-3" data-toggle="tooltip" data-placement="right" data-container="body"
            data-boundary="window" title="Caja Chica" onclick="detallesFondoSalidas();">
            <a href="#" class="nav-link btn btn-icon btn-icon-white btn-hover-transparent-white" data-toggle="tab"
               data-target="#kt_aside_tab_9" role="tab">
                <i class="bi bi-cash-coin"></i>
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                     class="bi bi-currency-exchange" viewBox="0 0 16 16">
                    <path d="M0 5a5 5 0 0 0 4.027 4.905 6.5 6.5 0 0 1 .544-2.073C3.695 7.536 3.132 6.864 3 5.91h-.5v-.426h.466V5.05q-.001-.07.004-.135H2.5v-.427h.511C3.236 3.24 4.213 2.5 5.681 2.5c.316 0 .59.031.819.085v.733a3.5 3.5 0 0 0-.815-.082c-.919 0-1.538.466-1.734 1.252h1.917v.427h-1.98q-.004.07-.003.147v.422h1.983v.427H3.93c.118.602.468 1.03 1.005 1.229a6.5 6.5 0 0 1 4.97-3.113A5.002 5.002 0 0 0 0 5m16 5.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0m-7.75 1.322c.069.835.746 1.485 1.964 1.562V14h.54v-.62c1.259-.086 1.996-.74 1.996-1.69 0-.865-.563-1.31-1.57-1.54l-.426-.1V8.374c.54.06.884.347.966.745h.948c-.07-.804-.779-1.433-1.914-1.502V7h-.54v.629c-1.076.103-1.808.732-1.808 1.622 0 .787.544 1.288 1.45 1.493l.358.085v1.78c-.554-.08-.92-.376-1.003-.787zm1.96-1.895c-.532-.12-.82-.364-.82-.732 0-.41.311-.719.824-.809v1.54h-.005zm.622 1.044c.645.145.943.38.943.796 0 .474-.37.8-1.02.86v-1.674z"/>
                </svg>
            </a>
        </li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="nav-item mb-3" data-toggle="tooltip" data-placement="right" data-container="body"
            data-boundary="window" title="Inventario">
            <a href="#" class="nav-link btn btn-icon btn-icon-white btn-hover-transparent-white" data-toggle="tab"
               data-target="#kt_aside_tab_5" role="tab" onclick="inventarioInicial();">
                <i class="bi bi-cash-coin"></i>
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                     class="bi bi-card-list" viewBox="0 0 16 16">
                    <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
                    <path d="M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/>
                </svg>
            </a>
        </li>
        <!--end::Item-->

        <li class="nav-item mb-3" data-toggle="tooltip" data-placement="right" data-container="body"
            data-boundary="window" title="Reporte General">
            <a href="#" class="nav-link btn btn-icon btn-icon-white btn-hover-transparent-white" data-toggle="tab"
               data-target="#kt_aside_tab_6" role="tab" onclick="inventarioGeneral();">
                <i class="bi bi-cash-coin"></i>
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                     class="bi bi-clipboard-pulse" viewBox="0 0 16 16">
                    <path fill-rule="evenodd"
                          d="M10 1.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1Zm-5 0A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5v1A1.5 1.5 0 0 1 9.5 4h-3A1.5 1.5 0 0 1 5 2.5v-1Zm-2 0h1v1H3a1 1 0 0 0-1 1V14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3.5a1 1 0 0 0-1-1h-1v-1h1a2 2 0 0 1 2 2V14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3.5a2 2 0 0 1 2-2Zm6.979 3.856a.5.5 0 0 0-.968.04L7.92 10.49l-.94-3.135a.5.5 0 0 0-.895-.133L4.232 10H3.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 .416-.223l1.41-2.115 1.195 3.982a.5.5 0 0 0 .968-.04L9.58 7.51l.94 3.135A.5.5 0 0 0 11 11h1.5a.5.5 0 0 0 0-1h-1.128L9.979 5.356Z"/>
                </svg>
            </a>
        </li>

    </ul>

{% endblock %}


{% block menu_secundario %}
    <!--begin::Tab Pane-->
    <div class="tab-pane fade show active" id="kt_aside_tab_1">
        <!--begin::Aside Menu-->
        <div class="aside-menu-wrapper flex-column-fluid px-3 px-lg-10 py-5"
             id="kt_aside_menu_wrapper">
            <!--begin::Menu Container-->
            <div id="kt_aside_menu" class="aside-menu min-h-lg-800px" data-menu-vertical="1"
                 data-menu-scroll="1">
                <!--begin::Menu Nav-->
                <ul class="menu-nav">
                    <li class="menu-item menu-item-active" aria-haspopup="true">
                        <a href="{{ path('home_page') }}" class="menu-link">
                            <span class="svg-icon menu-icon">
                                <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Cooking\Chef.svg-->
                                <svg xmlns="http://www.w3.org/2000/svg"
                                     width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect x="0" y="0" width="24" height="24"/>
                                        <rect fill="#000000" opacity="0.3" x="5" y="20" width="14" height="2" rx="1"/>
                                        <path d="M5,12.8739825 C3.27477279,12.4299397 2,10.8638394 2,9 C2,6.790861 3.790861,5 6,5 C6.11332888,5 6.22555698,5.00471299 6.33649899,5.01395368 C7.15621908,2.67628292 9.38235111,1 12,1 C14.6176489,1 16.8437809,2.67628292 17.663501,5.01395368 C17.774443,5.00471299 17.8866711,5 18,5 C20.209139,5 22,6.790861 22,9 C22,10.8638394 20.7252272,12.4299397 19,12.8739825 L19,17 C19,17.5522847 18.5522847,18 18,18 L6,18 C5.44771525,18 5,17.5522847 5,17 L5,12.8739825 Z"
                                              fill="#000000"/>
                                    </g>
                                </svg>
                                <!--end::Svg Icon-->
                            </span>
                            <span class="menu-text">Inicio</span>
                        </a>
                    </li>
                    <li class="menu-section">
                        <h4 class="menu-text">Mesas Activas</h4>
                        <i class="menu-icon ki ki-bold-more-hor icon-md"></i>
                    </li>
                    {% for s in servicios %}
                        <li class="menu-item menu-item-submenu" aria-haspopup="true"
                            id="item-mesa-id-{{ s.ideSer }}">
                            <a href="javascript:;" class="menu-link"
                               onclick="traerDetallesMesaActiva({{ s.ideSer }});">
                                <span class="svg-icon menu-icon">
                                    <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Cooking\Dinner.svg-->
                                    <svg xmlns="http://www.w3.org/2000/svg"
                                         width="24px" height="24px"
                                         viewBox="0 0 24 24" version="1.1">
                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                            <rect x="0" y="0" width="24" height="24"/>
                                            <path d="M12.5,19 C8.91014913,19 6,16.0898509 6,12.5 C6,8.91014913 8.91014913,6 12.5,6 C16.0898509,6 19,8.91014913 19,12.5 C19,16.0898509 16.0898509,19 12.5,19 Z M12.5,16.4 C14.6539105,16.4 16.4,14.6539105 16.4,12.5 C16.4,10.3460895 14.6539105,8.6 12.5,8.6 C10.3460895,8.6 8.6,10.3460895 8.6,12.5 C8.6,14.6539105 10.3460895,16.4 12.5,16.4 Z M12.5,15.1 C11.0640597,15.1 9.9,13.9359403 9.9,12.5 C9.9,11.0640597 11.0640597,9.9 12.5,9.9 C13.9359403,9.9 15.1,11.0640597 15.1,12.5 C15.1,13.9359403 13.9359403,15.1 12.5,15.1 Z"
                                                  fill="#000000" opacity="0.3"/>
                                            <path d="M22,13.5 L22,13.5 C22.2864451,13.5 22.5288541,13.7115967 22.5675566,13.9954151 L23.0979976,17.8853161 C23.1712756,18.4226878 22.7950533,18.9177172 22.2576815,18.9909952 C22.2137086,18.9969915 22.1693798,19 22.125,19 L22.125,19 C21.5576012,19 21.0976335,18.5400324 21.0976335,17.9726335 C21.0976335,17.9415812 21.0990414,17.9105449 21.1018527,17.8796201 L21.4547321,13.9979466 C21.4803698,13.7159323 21.7168228,13.5 22,13.5 Z"
                                                  fill="#000000" opacity="0.3"/>
                                            <path d="M24,5 L24,12 L21,12 L21,8 C21,6.34314575 22.3431458,5 24,5 Z"
                                                  fill="#000000"
                                                  transform="translate(22.500000, 8.500000) scale(-1, 1) translate(-22.500000, -8.500000) "/>
                                            <path d="M0.714285714,5 L1.03696911,8.32873399 C1.05651593,8.5303749 1.22598532,8.68421053 1.42857143,8.68421053 C1.63115754,8.68421053 1.80062692,8.5303749 1.82017375,8.32873399 L2.14285714,5 L2.85714286,5 L3.17982625,8.32873399 C3.19937308,8.5303749 3.36884246,8.68421053 3.57142857,8.68421053 C3.77401468,8.68421053 3.94348407,8.5303749 3.96303089,8.32873399 L4.28571429,5 L5,5 L5,8.39473684 C5,9.77544872 3.88071187,10.8947368 2.5,10.8947368 C1.11928813,10.8947368 -7.19089982e-16,9.77544872 -8.8817842e-16,8.39473684 L0,5 L0.714285714,5 Z"
                                                  fill="#000000"/>
                                            <path d="M2.5,12.3684211 L2.5,12.3684211 C2.90055463,12.3684211 3.23115721,12.6816982 3.25269782,13.0816732 L3.51381042,17.9301218 C3.54396441,18.4900338 3.11451066,18.9683769 2.55459863,18.9985309 C2.53641556,18.9995101 2.51820943,19 2.5,19 L2.5,19 C1.93927659,19 1.48472045,18.5454439 1.48472045,17.9847204 C1.48472045,17.966511 1.48521034,17.9483049 1.48618958,17.9301218 L1.74730218,13.0816732 C1.76884279,12.6816982 2.09944537,12.3684211 2.5,12.3684211 Z"
                                                  fill="#000000" opacity="0.3"/>
                                        </g>
                                    </svg>
                                    <!--end::Svg Icon-->
                                </span>
                                {# <span class="menu-text">Mesa {{ s.cveMes.cveMesa }}</span> #}
                                <span class="menu-text">M <b>{{ s.cveMes.cveMesa }}</b> : N <b>{{ s.ideSer }}</b> : {{ s.cveEmp.nomEmp }}</span>
                            </a>
                        </li>
                    {% else %}
                        <li class="menu-item menu-item-submenu" aria-haspopup="true"
                            data-menu-toggle="hover">
                            <a href="javascript:;" class="menu-link menu-toggle">
							<span class="svg-icon menu-icon svg-icon-danger">
								<!--begin::Svg Icon | path:assets/media/svg/icons/Layout/Layout-4-blocks.svg-->
								<svg xmlns="http://www.w3.org/2000/svg"
                                     width="24px"
                                     height="24px" viewBox="0 0 24 24" version="1.1">
									<g stroke="none" stroke-width="1" fill="none"
                                       fill-rule="evenodd">
										<rect x="0" y="0" width="24" height="24"/>
										<rect fill="#B5B5C3" x="4" y="4" width="7"
                                              height="7" rx="1.5"/>
										<path d="M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z"
                                              fill="#B5B5C3" opacity="0.3"/>
									</g>
								</svg>
                                <!--end::Svg Icon-->
							</span>
                                <span class="menu-text">AUN SIN REGISTROS</span>
                            </a>
                        </li>
                    {% endfor %}

                </ul>
                <!--end::Menu Nav-->
            </div>
            <!--end::Menu Container-->
        </div>
        <!--end::Aside Menu-->
        <!--end::List-->
    </div>
    <!--end::Tab Pane-->
    <!--begin::Tab Pane-->
    <div class="tab-pane p-3 px-lg-7 py-lg-5 fade" id="kt_aside_tab_2">
        <!--begin::Form-->
        <div class="form p-2 p-lg-3">
            <div class="d-flex">
                <div class="input-icon h-40px">
                    <input type="number"
                           class="form-control form-control-lg form-control-solid h-40px"
                           placeholder="Buscar nota..." id="searchNota" onkeyup="validarBuscarNota(event);"/>
                    <span>
						<span class="svg-icon svg-icon-lg">
							<!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
							<svg xmlns="http://www.w3.org/2000/svg"
                                 width="24px"
                                 height="24px" viewBox="0 0 24 24" version="1.1">
								<g stroke="none" stroke-width="1" fill="none"
                                   fill-rule="evenodd">
									<rect x="0" y="0" width="24" height="24"/>
									<path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                          fill="#000000" fill-rule="nonzero" opacity="0.3"/>
									<path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                          fill="#000000" fill-rule="nonzero"/>
								</g>
							</svg>
                            <!--end::Svg Icon-->
						</span>
					</span>
                </div>
            </div>
        </div>
        <!--end::Form-->
        <h3 class="p-2 p-lg-3 my-1 my-lg-3">NOTAS</h3>
        <!--begin::List-->
        <div class="list list-hover" id="cont-notas-sin-ingresos">
        </div>
    </div>
    <!--end::Tab Pane-->
    <!--begin::Tab Pane-->
    <div class="tab-pane fade" id="kt_aside_tab_3">
        <!--begin::Aside Menu-->
        <div class="aside-menu-wrapper flex-column-fluid px-3 px-lg-10 py-5"
             id="kt_aside_menu_wrapper">
            <!--begin::Menu Container-->
            <div id="kt_aside_menu" class="aside-menu min-h-lg-800px" data-menu-vertical="1"
                 data-menu-scroll="1">
                <!--begin::Menu Nav-->
                <ul class="menu-nav">
                    <nav>
                        <div class="nav nav-tabs nav-danger" id="nav-tab" role="tablist">
                            <a href="#nav-1"
                               class="btn btn-icon btn-light-primary pulse pulse-primary mr-13 nav-item nav-link"
                               id="nav-profile-tab" data-toggle="tab">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
                                     class="bi bi-coin" viewBox="0 0 16 16">
                                    <path d="M5.5 9.511c.076.954.83 1.697 2.182 1.785V12h.6v-.709c1.4-.098 2.218-.846 2.218-1.932 0-.987-.626-1.496-1.745-1.76l-.473-.112V5.57c.6.068.982.396 1.074.85h1.052c-.076-.919-.864-1.638-2.126-1.716V4h-.6v.719c-1.195.117-2.01.836-2.01 1.853 0 .9.606 1.472 1.613 1.707l.397.098v2.034c-.615-.093-1.022-.43-1.114-.9H5.5zm2.177-2.166c-.59-.137-.91-.416-.91-.836 0-.47.345-.822.915-.925v1.76h-.005zm.692 1.193c.717.166 1.048.435 1.048.91 0 .542-.412.914-1.135.982V8.518l.087.02z"/>
                                    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
                                    <path d="M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zm0 .5A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/>
                                </svg>
                                <span class="pulse-ring"></span>
                            </a>


                            <a href="#nav-2"
                               class="btn btn-icon btn-light-success pulse pulse-success mr-13 nav-item nav-link"
                               id="nav-profile-tab" data-toggle="tab">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                     class="bi bi-file-earmark-diff" viewBox="0 0 16 16">
                                    <path d="M8 5a.5.5 0 0 1 .5.5V7H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V8H6a.5.5 0 0 1 0-1h1.5V5.5A.5.5 0 0 1 8 5zm-2.5 6.5A.5.5 0 0 1 6 11h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
                                    <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
                                </svg>
                                <span class="pulse-ring"></span>

                            </a>

                            <a href="#nav-3"
                               class="btn btn-icon btn-light-warning pulse pulse-warning mr-13 nav-item nav-link"
                               id="nav-profile-tab" data-toggle="tab">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                     class="bi bi-cup-hot-fill" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd"
                                          d="M.5 6a.5.5 0 0 0-.488.608l1.652 7.434A2.5 2.5 0 0 0 4.104 16h5.792a2.5 2.5 0 0 0 2.44-1.958l.131-.59a3 3 0 0 0 1.3-5.854l.221-.99A.5.5 0 0 0 13.5 6H.5ZM13 12.5a2.01 2.01 0 0 1-.316-.025l.867-3.898A2.001 2.001 0 0 1 13 12.5Z"/>
                                    <path d="m4.4.8-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 3.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 3.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 3 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 4.4.8Zm3 0-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 6.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 6.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 6 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 7.4.8Zm3 0-.003.004-.014.019a4.077 4.077 0 0 0-.204.31 2.337 2.337 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.198 3.198 0 0 1-.202.388 5.385 5.385 0 0 1-.252.382l-.019.025-.005.008-.002.002A.5.5 0 0 1 9.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 9.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 9 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 10.4.8Z"/>
                                </svg>
                                <span class="pulse-ring"></span>
                            </a>


                        </div>
                    </nav>


                    <div class="tab-content" id="nav-tabContent">

                        <div class="tab-pane fade show active" id="nav-1" role="tabpanel"
                             aria-labelledby="nav-home-tab">
                            <br>
                            <div class="card card-custom" style="background-color:#F2F2F5">
                                <div class="card-header ribbon ribbon-top ribbon-ver">
                                    <div class="ribbon-target"
                                         style="top: -2px; right: 20px; background-color: #3699FF">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                             fill="currentColor"
                                             class="bi bi-coin" viewBox="0 0 16 16">
                                            <path d="M5.5 9.511c.076.954.83 1.697 2.182 1.785V12h.6v-.709c1.4-.098 2.218-.846 2.218-1.932 0-.987-.626-1.496-1.745-1.76l-.473-.112V5.57c.6.068.982.396 1.074.85h1.052c-.076-.919-.864-1.638-2.126-1.716V4h-.6v.719c-1.195.117-2.01.836-2.01 1.853 0 .9.606 1.472 1.613 1.707l.397.098v2.034c-.615-.093-1.022-.43-1.114-.9H5.5zm2.177-2.166c-.59-.137-.91-.416-.91-.836 0-.47.345-.822.915-.925v1.76h-.005zm.692 1.193c.717.166 1.048.435 1.048.91 0 .542-.412.914-1.135.982V8.518l.087.02z"/>
                                            <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
                                            <path d="M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zm0 .5A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/>
                                        </svg>
                                    </div>
                                    <h3 class="card-title">CORTE DEL DÍA</h3>
                                </div>

                            </div>

                            <br>

                            <ul class="navi navi-hover navi-link-rounded-lg">

                                <li class="navi-item">
                                    <a class="navi-link" href="{{ path('imprimir_corte') }}" target="_blank">
                                        <span class="navi-icon">
                                            <i class="flaticon2-file text-primary"></i>
                                        </span>
                                        <span class="navi-text">Corte del día TICKET´S</span>
                                    </a>
                                </li>

                                <li class="navi-item">
                                    <a class="navi-link" href="{{ path('imprimir_corte_PDF') }}" target="_blank">
                                        <span class="navi-icon">
                                            <i class="flaticon2-pie-chart-2 text-warning"></i>
                                        </span>
                                        <span class="navi-text">Corte del día PDF</span>
                                    </a>
                                </li>
                            </ul>


                            <br>

                            <span class="font-size-h15 text-muted font-weight-bolder text-uppercase pr-2">
                                BUSQUEDA POR DÍA
                            </span>
                            <!--begin::Form-->
                            <div class="form ">
                                <div class="d-flex">
                                    <div class="input-icon h-40px">
                                        <input type="date"
                                               class="form-control form-control-lg form-control-solid h-40px"
                                               id="cortePorFecha"/>
                                        <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M5,3 L6,3 C6.55228475,3 7,3.44771525 7,4 L7,20 C7,20.5522847 6.55228475,21 6,21 L5,21 C4.44771525,21 4,20.5522847 4,20 L4,4 C4,3.44771525 4.44771525,3 5,3 Z M10,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,20 C12,20.5522847 11.5522847,21 11,21 L10,21 C9.44771525,21 9,20.5522847 9,20 L9,4 C9,3.44771525 9.44771525,3 10,3 Z"
                                                      fill="#000000"/>
                                                <rect fill="#000000" opacity="0.3"
                                                      transform="translate(17.825568, 11.945519) rotate(-19.000000) translate(-17.825568, -11.945519) "
                                                      x="16.3255682" y="2.94551858" width="3" height="18" rx="1"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>

                                </span>
                                    </div>
                                    <div>
                                        <button type="button"
                                                class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                                onclick="imprimirCorte();">
                                    <span class="svg-icon svg-icon-lg">
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                        </button>
                                    </div>


                                </div>
                            </div>

                            <br>

                            <span class="font-size-h15 text-muted font-weight-bolder text-uppercase pr-2">
                                BUSQUEDA POR MES
                            </span>
                            <!--begin::Form--->
                            <div class="form">
                                <div class="d-flex">
                                    <div class="input-icon h-40px">
                                        <input type="month"
                                               class="form-control form-control-lg form-control-solid h-40px"
                                               id="cortePorMes"/>
                                        <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M5,3 L6,3 C6.55228475,3 7,3.44771525 7,4 L7,20 C7,20.5522847 6.55228475,21 6,21 L5,21 C4.44771525,21 4,20.5522847 4,20 L4,4 C4,3.44771525 4.44771525,3 5,3 Z M10,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,20 C12,20.5522847 11.5522847,21 11,21 L10,21 C9.44771525,21 9,20.5522847 9,20 L9,4 C9,3.44771525 9.44771525,3 10,3 Z"
                                                      fill="#000000"/>
                                                <rect fill="#000000" opacity="0.3"
                                                      transform="translate(17.825568, 11.945519) rotate(-19.000000) translate(-17.825568, -11.945519) "
                                                      x="16.3255682" y="2.94551858" width="3" height="18" rx="1"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>

                                </span>
                                    </div>
                                    <div>
                                        <button type="button"
                                                class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                                onclick="imprimirCorteMes();">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                        </button>
                                    </div>


                                </div>
                            </div>


                            <BR>


                        </div>


                        <div class="tab-pane fade" id="nav-2" role="tabpanel" aria-labelledby="nav-profile-tab">
                            <br>
                            <div class="card card-custom" style="background-color:#F2F2F5">
                                <div class="card-header ribbon ribbon-top ribbon-ver">
                                    <div class="ribbon-target bg-success" style="top: -2px; right: 20px;">

                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                             fill="currentColor"
                                             class="bi bi-file-earmark-diff" viewBox="0 0 16 16">
                                            <path d="M8 5a.5.5 0 0 1 .5.5V7H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V8H6a.5.5 0 0 1 0-1h1.5V5.5A.5.5 0 0 1 8 5zm-2.5 6.5A.5.5 0 0 1 6 11h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
                                            <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
                                        </svg>
                                    </div>
                                    <h5 class="card-title" STYLE="text-script: 10px;">CUENTA TOTAL DE TICKET´S</h5>
                                </div>

                            </div>

                            <br>

                            <ul class="navi navi-hover navi-link-rounded-lg">

                                <li class="navi-item">
                                    <a class="navi-link" href="{{ path('ticket_pagado_dia') }}" target="_blank">
                                        <span class="navi-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                 fill="currentColor" class="bi bi-cash-coin text-primary"
                                                 viewBox="0 0 16 16">
                                              <path fill-rule="evenodd"
                                                    d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z"/>
                                              <path d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207 0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007 1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-1.354c-.369-.085-.569-.26-.569-.522 0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569 0 .339-.257.571-.709.614v-1.195l.054.012z"/>
                                              <path d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0 2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z"/>
                                              <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z"/>
                                            </svg>
                                        </span>
                                        <span class="navi-text">Corte del día TICKET´S</span>
                                    </a>
                                </li>
                            </ul>

                            <br>

                            <span class="font-size-h10 text-muted font-weight-bolder text-uppercase pr-2 text-right">
									BUSQUEDA POR DÍA
                            </span>
                            <br>

                            <!--begin::Form-->
                            <div class="d-flex">
                                <div class="input-icon h-40px">
                                    <input type="date"
                                           class="form-control form-control-lg form-control-solid h-40px"
                                           id="corteTicketDia"/>
                                    <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M5,3 L6,3 C6.55228475,3 7,3.44771525 7,4 L7,20 C7,20.5522847 6.55228475,21 6,21 L5,21 C4.44771525,21 4,20.5522847 4,20 L4,4 C4,3.44771525 4.44771525,3 5,3 Z M10,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,20 C12,20.5522847 11.5522847,21 11,21 L10,21 C9.44771525,21 9,20.5522847 9,20 L9,4 C9,3.44771525 9.44771525,3 10,3 Z"
                                                      fill="#000000"/>
                                                <rect fill="#000000" opacity="0.3"
                                                      transform="translate(17.825568, 11.945519) rotate(-19.000000) translate(-17.825568, -11.945519) "
                                                      x="16.3255682" y="2.94551858" width="3" height="18" rx="1"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>

                                </span>

                                </div>
                                <div>
                                    <button type="button"
                                            class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                            onclick="imprimirCorteDiaTicket();">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                    </button>
                                </div>


                            </div>

                            <br>
                            <br>

                            <span class="font-size-h10 text-muted font-weight-bolder text-uppercase pr-2 text-right">
									BUSQUEDA POR MES
                            </span>
                            <!--begin::Form--->
                            <div class="form">
                                <div class="d-flex">
                                    <div class="input-icon h-30px">
                                        <input type="month"
                                               class="form-control form-control-lg form-control-solid h-40px"
                                               id="corteMes"/>
                                        <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M5,3 L6,3 C6.55228475,3 7,3.44771525 7,4 L7,20 C7,20.5522847 6.55228475,21 6,21 L5,21 C4.44771525,21 4,20.5522847 4,20 L4,4 C4,3.44771525 4.44771525,3 5,3 Z M10,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,20 C12,20.5522847 11.5522847,21 11,21 L10,21 C9.44771525,21 9,20.5522847 9,20 L9,4 C9,3.44771525 9.44771525,3 10,3 Z"
                                                      fill="#000000"/>
                                                <rect fill="#000000" opacity="0.3"
                                                      transform="translate(17.825568, 11.945519) rotate(-19.000000) translate(-17.825568, -11.945519) "
                                                      x="16.3255682" y="2.94551858" width="3" height="18" rx="1"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>

                                </span>
                                    </div>
                                    <div>
                                        <button type="button"
                                                class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                                onclick="imprimirCorteMesTicket();">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                        </button>
                                    </div>


                                </div>
                            </div>
                            <!--end::BÚSQUEDA BUFFET POR MES-->
                            <br>

                        </div>


                        <div class="tab-pane fade" id="nav-3" role="tabpanel" aria-labelledby="nav-contact-tab">

                            <br>

                            <div class="card card-custom" style="background-color:#F2F2F5">
                                <div class="card-header ribbon ribbon-top ribbon-ver">
                                    <div class="ribbon-target"
                                         style="top: -2px; right: 20px; background-color: #FFA800;">

                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                             fill="currentColor"
                                             class="bi bi-cup-hot-fill" viewBox="0 0 16 16">
                                            <path fill-rule="evenodd"
                                                  d="M.5 6a.5.5 0 0 0-.488.608l1.652 7.434A2.5 2.5 0 0 0 4.104 16h5.792a2.5 2.5 0 0 0 2.44-1.958l.131-.59a3 3 0 0 0 1.3-5.854l.221-.99A.5.5 0 0 0 13.5 6H.5ZM13 12.5a2.01 2.01 0 0 1-.316-.025l.867-3.898A2.001 2.001 0 0 1 13 12.5Z"/>
                                            <path d="m4.4.8-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 3.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 3.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 3 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 4.4.8Zm3 0-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 6.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 6.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 6 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 7.4.8Zm3 0-.003.004-.014.019a4.077 4.077 0 0 0-.204.31 2.337 2.337 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.198 3.198 0 0 1-.202.388 5.385 5.385 0 0 1-.252.382l-.019.025-.005.008-.002.002A.5.5 0 0 1 9.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 9.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 9 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 10.4.8Z"/>
                                        </svg>
                                    </div>
                                    <h3 class="card-title">REPORTE BUFFET</h3>
                                </div>

                            </div>

                            <br>

                            <span class="font-size-h10 text-muted font-weight-bolder text-uppercase pr-2 text-right">
									BUSQUEDA POR DÍA
                            </span>
                            <br>

                            <!--begin::Form-->
                            <div class="d-flex">
                                <div class="input-icon h-40px">
                                    <input type="date"
                                           class="form-control form-control-lg form-control-solid h-40px"
                                           id="cortePorFechaDia"/>
                                    <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M5,3 L6,3 C6.55228475,3 7,3.44771525 7,4 L7,20 C7,20.5522847 6.55228475,21 6,21 L5,21 C4.44771525,21 4,20.5522847 4,20 L4,4 C4,3.44771525 4.44771525,3 5,3 Z M10,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,20 C12,20.5522847 11.5522847,21 11,21 L10,21 C9.44771525,21 9,20.5522847 9,20 L9,4 C9,3.44771525 9.44771525,3 10,3 Z"
                                                      fill="#000000"/>
                                                <rect fill="#000000" opacity="0.3"
                                                      transform="translate(17.825568, 11.945519) rotate(-19.000000) translate(-17.825568, -11.945519) "
                                                      x="16.3255682" y="2.94551858" width="3" height="18" rx="1"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>

                                </span>

                                </div>
                                <div>
                                    <button type="button"
                                            class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                            onclick="imprimirCorteDiaBuffet();">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                    </button>
                                </div>


                            </div>

                            <br>
                            <br>

                            <span class="font-size-h10 text-muted font-weight-bolder text-uppercase pr-2 text-right">
									BUSQUEDA POR MES
                            </span>
                            <!--begin::Form--->
                            <div class="form">
                                <div class="d-flex">
                                    <div class="input-icon h-30px">
                                        <input type="month"
                                               class="form-control form-control-lg form-control-solid h-40px"
                                               id="corteBuffetPorMes"/>
                                        <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M5,3 L6,3 C6.55228475,3 7,3.44771525 7,4 L7,20 C7,20.5522847 6.55228475,21 6,21 L5,21 C4.44771525,21 4,20.5522847 4,20 L4,4 C4,3.44771525 4.44771525,3 5,3 Z M10,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,20 C12,20.5522847 11.5522847,21 11,21 L10,21 C9.44771525,21 9,20.5522847 9,20 L9,4 C9,3.44771525 9.44771525,3 10,3 Z"
                                                      fill="#000000"/>
                                                <rect fill="#000000" opacity="0.3"
                                                      transform="translate(17.825568, 11.945519) rotate(-19.000000) translate(-17.825568, -11.945519) "
                                                      x="16.3255682" y="2.94551858" width="3" height="18" rx="1"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>

                                </span>
                                    </div>
                                    <div>
                                        <button type="button"
                                                class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                                onclick="CorteMesBuffet();">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                        </button>
                                    </div>


                                </div>
                            </div>
                            <!--end::BÚSQUEDA BUFFET POR MES-->
                            <br>
                        </div>

                        <!--GRAFIAC-->
                        <div class="tab-pane fade" id="nav-" role="tabpanel" aria-labelledby="nav-contact-tab">

                            <li class="menu-item menu-item-active" aria-haspopup="true">
                                <button type="button" class="btn btn-outline-success" data-toggle="modal"
                                        data-target="#GráficaModal">
                                    VISUALIZACIÓN DE GRÁFICA <br>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                         class="bi bi-bar-chart-line-fill" viewBox="0 0 16 16">
                                        <path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2z"></path>
                                    </svg>
                                </button>
                            </li>
                        </div>


                    </div>

                    <!--end BUSQUEDA  BUFFET POR DÍA-->

                    <!-- <li class="menu-item menu-item-active " aria-haspopup="true" style="atsc-nav-down: rty">
                        <a href="{{ ('imprimirBuffet') }}" class="menu-link" target="_blank">
                            <span class="svg-icon menu-icon">begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Files\Selected-file.svg
                                <svg xmlns="http://www.w3.org/2000/svg"
                                     width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <polygon points="0 0 24 0 24 24 0 24"/>
                                        <path d="M4.85714286,1 L11.7364114,1 C12.0910962,1 12.4343066,1.12568431 12.7051108,1.35473959 L17.4686994,5.3839416 C17.8056532,5.66894833 18,6.08787823 18,6.52920201 L18,19.0833333 C18,20.8738751 17.9795521,21 16.1428571,21 L4.85714286,21 C3.02044787,21 3,20.8738751 3,19.0833333 L3,2.91666667 C3,1.12612489 3.02044787,1 4.85714286,1 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z"
                                              fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                        <path d="M6.85714286,3 L14.7364114,3 C15.0910962,3 15.4343066,3.12568431 15.7051108,3.35473959 L20.4686994,7.3839416 C20.8056532,7.66894833 21,8.08787823 21,8.52920201 L21,21.0833333 C21,22.8738751 20.9795521,23 19.1428571,23 L6.85714286,23 C5.02044787,23 5,22.8738751 5,21.0833333 L5,4.91666667 C5,3.12612489 5.02044787,3 6.85714286,3 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z"
                                              fill="#000000" fill-rule="nonzero"/>
                                    </g>
                                </svg>
                            </span>
                            <span class="menu-text">REPORTE BUFFET</span>
                        </a>
                    </li>


                    <li class="menu-item menu-item-active" aria-haspopup="true">
                           <button >
                            REPORTE BUFFET <br>
                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bar-chart-line-fill" viewBox="0 0 16 16">
                                  <path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2z"></path>
                                 </svg>
                            </button>
                     </li>-->
                    <br>
                    <!-- REPORTE BUFFET -->


                </ul>
                <!--end::Menu Nav-->
            </div>
            <!--end::Menu Container-->
        </div>
        <!--end::Aside Menu-->
        <!--end::List-->
    </div>
    <!--end::Tab Pane-->
    <!--begin::Tab Pane-->
    <div class="tab-pane fade" id="kt_aside_tab_4">
        <!--begin::Aside Menu-->
        <div class="aside-menu-wrapper flex-column-fluid px-3 px-lg-10 py-5"
             id="kt_aside_menu_wrapper">
            <!--begin::Menu Container-->
            <div id="kt_aside_menu" class="aside-menu min-h-lg-800px" data-menu-vertical="1"
                 data-menu-scroll="1">
                <!--begin::Menu Nav-->
                <ul class="menu-nav">

                    <li class="menu-section">
                        <h4 class="menu-text">Reporte de Gastos</h4>
                        <i class=""></i>
                    </li>
                </ul>
                <!--begin::Menu Nav-->
                <ul class="menu-nav">
                    <li class="menu-item menu-item-active" aria-haspopup="true">
                        <a href="{{ path('imprimir_Gastos') }}" class="menu-link" target="_blank">
                            <span class="svg-icon menu-icon"><!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Files\Selected-file.svg-->
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                     class="bi bi-file-earmark-richtext-fill" viewBox="0 0 16 16">
                                    <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM7 6.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047l1.888.974V9.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V9s1.54-1.274 1.639-1.208zM5 11h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1zm0 2h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1z"/>
                                  </svg>
                                <!--end::Svg Icon-->
                            </span>
                            <span class="menu-text">GASTOS DEL DIA</span>
                        </a>
                    </li>
                    <li class="menu-section">
                        <h4 class="menu-text">Buscar Por Dia</h4>
                        <i class="bi bi-justify"></i>
                    </li>
                    <!--begin::Form-->
                    <div class="form p-2 p-lg-3">
                        <div class="d-flex">
                            <div class="input-icon h-40px">
                                <input type="date"
                                       class="form-control form-control-lg form-control-solid h-40px"
                                       id="gastosPorFecha" name="gastosPorFecha"/>
                                <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                             fill="currentColor" class="bi bi-journal-bookmark" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd"
                                              d="M6 8V1h1v6.117L8.743 6.07a.5.5 0 0 1 .514 0L11 7.117V1h1v7a.5.5 0 0 1-.757.429L9 7.083 6.757 8.43A.5.5 0 0 1 6 8z"/>
                                        <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
                                        <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                </span>
                            </div>
                            <div>
                                <button type="button"
                                        class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                        onclick="imprimirGastos();">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                </button>
                            </div>


                        </div>
                    </div>
                    <!--end::Form-->

                    <li class="menu-section">
                        <h4 class="menu-text">Buscar Por Mes</h4>
                        <i class="menu-icon ki ki-bold-more-hor icon-md"></i>
                    </li>
                    <!--begin::Form--->
                    <div class="form p-2 p-lg-3">
                        <div class="d-flex">
                            <div class="input-icon h-40px">
                                <input type="month"
                                       class="form-control form-control-lg form-control-solid h-40px"
                                       id="gastosPorMes"/>
                                <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                           class="bi bi-journal-bookmark" viewBox="0 0 16 16">
                                      <path fill-rule="evenodd"
                                            d="M6 8V1h1v6.117L8.743 6.07a.5.5 0 0 1 .514 0L11 7.117V1h1v7a.5.5 0 0 1-.757.429L9 7.083 6.757 8.43A.5.5 0 0 1 6 8z"/>
                                      <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
                                      <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
                                      </svg>
                                        <!--end::Svg Icon-->
                                    </span>

                                </span>
                            </div>
                            <div>
                                <button type="button"
                                        class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                        onclick="imprimirGastosMes();">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                </button>
                            </div>


                        </div>
                    </div>
                    <!--end::Form-->
                </ul>
                <!--end::Menu Nav-->
            </div>
            <!--end::Menu Container-->
        </div>
        <!--end::Aside Menu-->
        <!--end::List-->
    </div>
    <!--end::Tab Pane-->
    <!--begin::Tab Pane-->
    <div class="tab-pane fade" id="kt_aside_tab_5">
        <!--begin::Aside Menu-->
        <div class="aside-menu-wrapper flex-column-fluid px-3 px-lg-10 py-5"
             id="kt_aside_menu_wrapper">
            <!--begin::Menu Container-->
            <div id="kt_aside_menu" class="aside-menu min-h-lg-800px" data-menu-vertical="1"
                 data-menu-scroll="1">
                <!--begin::Menu Nav-->
                <ul class="menu-nav">

                    <input class="text-white col-sm-12 font-weight-bold text-center form-control-sm   "
                           style="background-color: #a8c8d8;"
                           value="INVENTARIO" disabled="">
                </ul>
                <!--begin::Menu Nav-->
                <ul class="menu-nav">
                    <ul class="navi navi-hover navi-accent navi-dark">
                        <li class="navi-item "
                            data-toggle="modal"
                            data-target="#modalProducto" onclick="modalContenedor();">
                            <a class="navi-link active" href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                     fill="currentColor"
                                     class="bi bi-clipboard-plus-fill" viewBox="0 0 16 16">
                                    <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5z"/>
                                    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5zm4.5 6V9H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V10H6a.5.5 0 0 1 0-1h1.5V7.5a.5.5 0 0 1 1 0"/>
                                </svg>
                                <span class="navi-text"></span>
                                <span class="navi-text text-danger">Registrar producto</span>
                                <span class="label label-light-danger font-weight-bold label-inline btn">new
                                </span>
                            </a>
                        </li>
                    </ul>

                    <ul class="navi navi-hover navi-accent navi-dark">
                        <li class="navi-item"
                            data-toggle="modal"
                            data-target="#new-productos-inv" onclick="modalContenedorInv();">
                            <a class="navi-link active" href="#">
                                <span class="navi-icon">
                                    <i class="icon-xl la la-cutlery btn-icon-danger"></i>
                                </span>
                                <span class="navi-text"></span>
                                <span class="navi-text">Agregar Inv. . .</span>
                                <span class="label label-light-dark font-weight-bold label-inline">new</span>

                            </a>
                        </li>
                    </ul>

                    <!--end::Menu Nav-->
                    <li class="menu-section">
                        <h4 class="menu-text">Buscar SALIDAS DE INSUMOS Por Dia</h4>
                        <i class="bi bi-justify"></i>
                    </li>
                    <!--begin::Form-->
                    <div class="form p-2 p-lg-4">
                        <div class="d-flex">
                            <div class="input-icon h-35px">
                                <input type="date"
                                       class="form-control form-control-sm form-control-solid h-35px"
                                       id="insumosSalidasPorDia" name="insumosSalidasPorDia"/>
                                <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                             fill="currentColor" class="bi bi-journal-bookmark" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd"
                                              d="M6 8V1h1v6.117L8.743 6.07a.5.5 0 0 1 .514 0L11 7.117V1h1v7a.5.5 0 0 1-.757.429L9 7.083 6.757 8.43A.5.5 0 0 1 6 8z"/>
                                        <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
                                        <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                </span>
                            </div>
                            <div>

                                {# // DENTRO DEL BOTÓN VA EL ONCLICK DEL JS #}
                                <button type="button" onclick="buscarInsumosDia()"
                                        class="btn btn-icon btn-sm btn-default btn-hover-primary ml-2 h-35px w-35px flex-shrink-0">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                </button>
                            </div>


                        </div>
                    </div>
                    <!--end::Form-->

                    <li class="menu-section">
                        <h4 class="menu-text">Buscar SALIDAS DE INSUMOS Por Mes </h4>
                        <i class="menu-icon ki ki-bold-more-hor icon-md"></i>
                    </li>
                    <!--begin::Form--->
                    <div class="form p-2 p-lg-3">
                        <div class="d-flex">
                            <div class="input-icon h-35px">
                                <input type="month"
                                       class="form-control form-control-sm form-control-solid h-35px"
                                       id="corteInsumoMes"/>
                                <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                           class="bi bi-journal-bookmark" viewBox="0 0 16 16">
                                      <path fill-rule="evenodd"
                                            d="M6 8V1h1v6.117L8.743 6.07a.5.5 0 0 1 .514 0L11 7.117V1h1v7a.5.5 0 0 1-.757.429L9 7.083 6.757 8.43A.5.5 0 0 1 6 8z"/>
                                      <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
                                      <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
                                      </svg>
                                        <!--end::Svg Icon-->
                                    </span>

                                </span>
                            </div>
                            <div>
                                <button type="button"
                                        class="btn btn-icon btn-sm btn-default btn-hover-primary ml-2 h-35px w-35px flex-shrink-0"
                                        onclick="corteInsumoMes();">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                </button>
                            </div>


                        </div>
                    </div>

                    <br>{#
                    <div class="row text-center mb-2">
                        <li class="menu-item menu-item-active btn btn-primary" aria-haspopup="true">
                            <a data-toggle="modal" data-target="#inventario-entradas"
                               onclick="tablaInvenntarioEntradas();"
                               class="menu-link label label-lg label-light-primary label-inline font-size-sm font-weight-bolder py-2">
                            <span class="menu-text d-block">
                                Inventario de entradas
                            </span>
                            </a>
                        </li>
                    </div> #}
                    <br>


                </ul>

            </div>

            <!--end::Menu Container-->
        </div>
        <!--end::Aside Menu-->
        <!--end::List-->
    </div>
    <!--end::Tab Pane-->
    <div class="tab-pane fade" id="kt_aside_tab_6">
        <!--begin::Aside Menu-->
        <div class="aside-menu-wrapper flex-column-fluid px-3 px-lg-10 py-5"
             id="kt_aside_menu_wrapper">
            <!--begin::Menu Container-->
            <div id="kt_aside_menu" class="aside-menu min-h-lg-800px" data-menu-vertical="1"
                 data-menu-scroll="1">
                <!--begin::Menu Nav-->
                <ul class="menu-nav">

                    <div class="separator separator-dashed separator-border-2 separator-primary"></div>
                    <br>


                    <div class="card card-custom" style="background-color:#F2F2F5">
                        <div class="card-header ribbon ribbon-top ribbon-ver">
                            <div class="ribbon-target bg-success" style="top: -2px; right: 20px;">
                                <i class="fa fa-star text-white"></i>
                            </div>
                            <h3 class="card-title">CORTE DEL DÍA</h3>
                        </div>

                    </div>

                    <li class="menu-item menu-item-active" aria-haspopup="true">
                        <a href="{{ path('imprimir_corte_corte_PDF') }}" class="menu-link" target="_blank">
                            <span class="svg-icon menu-icon"><!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Files\Selected-file.svg-->
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                     class="bi bi-file-earmark-pdf-fill" viewBox="0 0 16 16">
                                  <path d="M5.523 12.424c.14-.082.293-.162.459-.238a7.878 7.878 0 0 1-.45.606c-.28.337-.498.516-.635.572a.266.266 0 0 1-.035.012.282.282 0 0 1-.026-.044c-.056-.11-.054-.216.04-.36.106-.165.319-.354.647-.548zm2.455-1.647c-.119.025-.237.05-.356.078a21.148 21.148 0 0 0 .5-1.05 12.045 12.045 0 0 0 .51.858c-.217.032-.436.07-.654.114zm2.525.939a3.881 3.881 0 0 1-.435-.41c.228.005.434.022.612.054.317.057.466.147.518.209a.095.095 0 0 1 .026.064.436.436 0 0 1-.06.2.307.307 0 0 1-.094.124.107.107 0 0 1-.069.015c-.09-.003-.258-.066-.498-.256zM8.278 6.97c-.04.244-.108.524-.2.829a4.86 4.86 0 0 1-.089-.346c-.076-.353-.087-.63-.046-.822.038-.177.11-.248.196-.283a.517.517 0 0 1 .145-.04c.013.03.028.092.032.198.005.122-.007.277-.038.465z"/>
                                  <path fill-rule="evenodd"
                                        d="M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm5.5 1.5v2a1 1 0 0 0 1 1h2l-3-3zM4.165 13.668c.09.18.23.343.438.419.207.075.412.04.58-.03.318-.13.635-.436.926-.786.333-.401.683-.927 1.021-1.51a11.651 11.651 0 0 1 1.997-.406c.3.383.61.713.91.95.28.22.603.403.934.417a.856.856 0 0 0 .51-.138c.155-.101.27-.247.354-.416.09-.181.145-.37.138-.563a.844.844 0 0 0-.2-.518c-.226-.27-.596-.4-.96-.465a5.76 5.76 0 0 0-1.335-.05 10.954 10.954 0 0 1-.98-1.686c.25-.66.437-1.284.52-1.794.036-.218.055-.426.048-.614a1.238 1.238 0 0 0-.127-.538.7.7 0 0 0-.477-.365c-.202-.043-.41 0-.601.077-.377.15-.576.47-.651.823-.073.34-.04.736.046 1.136.088.406.238.848.43 1.295a19.697 19.697 0 0 1-1.062 2.227 7.662 7.662 0 0 0-1.482.645c-.37.22-.699.48-.897.787-.21.326-.275.714-.08 1.103z"/>
                                </svg>
                                <!--end::Svg Icon-->
                            </span>
                            <span class="menu-text">RESUMEN CORTE DEL DÍA PDF</span>

                        </a>
                    </li>


                    <br>


                    <li class="menu-section">
                        <h4 class="menu-text">Buscar Por Fecha</h4>
                        <i class="menu-icon ki ki-bold-more-hor icon-md"></i>
                    </li>
                    <!--begin::Form-->
                    <div class="form p-2 p-lg-3">
                        <div class="d-flex">
                            <div class="input-icon h-40px">
                                <input type="date"
                                       class="form-control form-control-lg form-control-solid h-40px"
                                       id="reporteGD"/>
                                <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M5,3 L6,3 C6.55228475,3 7,3.44771525 7,4 L7,20 C7,20.5522847 6.55228475,21 6,21 L5,21 C4.44771525,21 4,20.5522847 4,20 L4,4 C4,3.44771525 4.44771525,3 5,3 Z M10,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,20 C12,20.5522847 11.5522847,21 11,21 L10,21 C9.44771525,21 9,20.5522847 9,20 L9,4 C9,3.44771525 9.44771525,3 10,3 Z"
                                                      fill="#000000"/>
                                                <rect fill="#000000" opacity="0.3"
                                                      transform="translate(17.825568, 11.945519) rotate(-19.000000) translate(-17.825568, -11.945519) "
                                                      x="16.3255682" y="2.94551858" width="3" height="18" rx="1"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                    </span>

                                </span>
                            </div>
                            <div>
                                <button type="button"
                                        class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                        onclick="imprimirReporteGD();">
                                    <!--onclick="imprimirReporteGD();"-->
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                </button>
                            </div>


                        </div>
                    </div>
                    <!--end BUSQUEDA POR DÍA-->


                    <li class="menu-section">
                        <h4 class="menu-text">Buscar Por Mes</h4>
                        <i class="menu-icon ki ki-bold-more-hor icon-md"></i>
                    </li>
                    <!--begin::Form--->
                    <div class="form p-2 p-lg-3">
                        <div class="d-flex">
                            <div class="input-icon h-40px">
                                <input type="month"
                                       class="form-control form-control-lg form-control-solid h-40px"
                                       id="reporteGM"/>
                                <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M5,3 L6,3 C6.55228475,3 7,3.44771525 7,4 L7,20 C7,20.5522847 6.55228475,21 6,21 L5,21 C4.44771525,21 4,20.5522847 4,20 L4,4 C4,3.44771525 4.44771525,3 5,3 Z M10,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,20 C12,20.5522847 11.5522847,21 11,21 L10,21 C9.44771525,21 9,20.5522847 9,20 L9,4 C9,3.44771525 9.44771525,3 10,3 Z"
                                                      fill="#000000"/>
                                                <rect fill="#000000" opacity="0.3"
                                                      transform="translate(17.825568, 11.945519) rotate(-19.000000) translate(-17.825568, -11.945519) "
                                                      x="16.3255682" y="2.94551858" width="3" height="18" rx="1"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>

                                </span>
                            </div>
                            <div>
                                <button type="button"
                                        class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                        onclick="imprimirReporteGM();">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                </button>
                            </div>


                        </div>
                    </div>
                    <!--end::BÚSQUEDA POR MES-->
                    <br>

                </ul>
                <!--end::Menu Nav-->
            </div>
            <!--end::Menu Container-->
        </div>
        <!--end::Aside Menu-->
        <!--end::List-->
    </div>

    <div class="tab-pane fade" id="kt_aside_tab_7">
        <!--begin::Aside Menu-->
        <div class="aside-menu-wrapper flex-column-fluid px-3 px-lg-10 py-5"
             id="kt_aside_menu_wrapper">
            <!--begin::Menu Container-->
            <div id="kt_aside_menu" class="aside-menu min-h-lg-800px" data-menu-vertical="1"
                 data-menu-scroll="1">
                <!--begin::Menu Nav-->
                <ul class="menu-nav">

                    <div class="separator separator-dashed separator-border-2 separator-primary"></div>
                    <br>


                    <div class="card card-custom" style="background-color:#F2F2F5">
                        <div class="card-header ribbon ribbon-top ribbon-ver">
                            <div class="ribbon-target bg-success" style="top: -2px; right: 20px;">
                                <i class="fa fa-star text-white"></i>
                            </div>
                            <h3 class="card-title">AGENDAR CITA</h3>
                        </div>

                    </div>

                    <br>


                    <ul class="navi navi-hover navi-link-rounded-lg" data-toggle="modal"
                        data-target="#exampleModalLong" onclick="formularioAgenda();">
                        <!-- onclick="formularioAgenda()"-->

                        <li class="navi-item">
                            <a class="navi-link" href="#">
                                <span class="navi-icon">
                                    <i class="flaticon2-calendar-8 text-danger"></i>
                                </span>
                                <span class="navi-text">Agendar Cita</span>
                                <span class="label label-light-danger font-weight-bold label-inline">new</span>
                            </a>
                        </li>
                    </ul>

                    <ul class="navi navi-hover navi-link-rounded-lg" data-toggle="modal"
                        data-target="#exampleEvento" onclick="formularioEvento();">
                        <!-- onclick="formularioAgenda()"-->

                        <li class="navi-item">
                            <a class="navi-link" href="#">
                                <span class="navi-icon">
                                    <i class="icon-xl fas fa-wine-glass-alt text-danger"></i>
                                </span>
                                <span class="navi-text">Registrar Evento</span>
                                <span class="label label-light-danger font-weight-bold label-inline">new</span>
                            </a>
                        </li>
                    </ul>


                    <li class="menu-section">
                        <h4 class="menu-text">Buscar Por Mes</h4>
                        <i class="menu-icon ki ki-bold-more-hor icon-md"></i>
                    </li>
                    <!--begin::Form--->
                    <div class="form p-2 p-lg-3">
                        <div class="d-flex">
                            <div class="input-icon h-40px">
                                <input type="week"
                                       class="form-control form-control-lg form-control-solid h-40px"
                                       id="reporteGM"/>
                                <span>
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Home\Library.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M5,3 L6,3 C6.55228475,3 7,3.44771525 7,4 L7,20 C7,20.5522847 6.55228475,21 6,21 L5,21 C4.44771525,21 4,20.5522847 4,20 L4,4 C4,3.44771525 4.44771525,3 5,3 Z M10,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,20 C12,20.5522847 11.5522847,21 11,21 L10,21 C9.44771525,21 9,20.5522847 9,20 L9,4 C9,3.44771525 9.44771525,3 10,3 Z"
                                                      fill="#000000"/>
                                                <rect fill="#000000" opacity="0.3"
                                                      transform="translate(17.825568, 11.945519) rotate(-19.000000) translate(-17.825568, -11.945519) "
                                                      x="16.3255682" y="2.94551858" width="3" height="18" rx="1"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>

                                </span>
                            </div>
                            <div>
                                <button type="button"
                                        class="btn btn-icon btn-default btn-hover-primary ml-2 h-40px w-40px flex-shrink-0"
                                        onclick="imprimirReporteGM();">
                                    <span class="svg-icon svg-icon-lg">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/General/Search.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             width="24px"
                                             height="24px" viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none"
                                               fill-rule="evenodd">
                                                <rect x="0" y="0" width="24" height="24"/>
                                                <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>
                                </button>
                            </div>


                        </div>
                    </div>

                </ul>
                <!--end::Menu Nav-->
            </div>
            <!--end::Menu Container-->
        </div>
        <!--end::Aside Menu-->
        <!--end::List-->
    </div>

    <div class="tab-pane fade" id="kt_aside_tab_8">
        <!--begin::Aside Menu-->
        <div class="aside-menu-wrapper flex-column-fluid px-3 px-lg-10 py-5"
             id="kt_aside_menu_wrapper">
            <!--begin::Menu Container-->
            <div id="kt_aside_menu" class="aside-menu min-h-lg-800px" data-menu-vertical="1"
                 data-menu-scroll="1">
                <!--begin::Menu Nav-->
                <ul class="menu-nav">

                    <input class="text-white col-sm-12 font-weight-bold text-center form-control-sm   "
                           style="background-color: #a8c8d8;"
                           value="INVENTARIO" disabled="">
                </ul>
                <!--begin::Menu Nav-->
                <ul class="menu-nav">
                    <ul class="navi navi-hover navi-accent navi-dark">
                        <li class="navi-item "
                            data-toggle="modal"
                            data-target="#modalProducto" onclick="modalContenedor();">
                            <a class="navi-link active" href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                     fill="currentColor"
                                     class="bi bi-clipboard-plus-fill" viewBox="0 0 16 16">
                                    <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5z"/>
                                    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5zm4.5 6V9H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V10H6a.5.5 0 0 1 0-1h1.5V7.5a.5.5 0 0 1 1 0"/>
                                </svg>
                                <span class="navi-text"></span>
                                <span class="navi-text text-danger">Registrar producto</span>
                                <span class="label label-light-danger font-weight-bold label-inline btn">new
                                </span>
                            </a>
                        </li>
                    </ul>

                    <ul class="navi navi-hover navi-accent navi-dark">
                        <li class="navi-item"
                            data-toggle="modal"
                            data-target="#new-productos-inv" onclick="modalContenedorInv();">
                            <a class="navi-link active" href="#">
                                <span class="navi-icon">
                                    <i class="icon-xl la la-cutlery btn-icon-danger"></i>
                                </span>
                                <span class="navi-text"></span>
                                <span class="navi-text">Agregar Inv. . .</span>
                                <span class="label label-light-dark font-weight-bold label-inline">new</span>

                            </a>
                        </li>
                    </ul>


                    <br>{#
                    <div class="row text-center mb-2">
                        <li class="menu-item menu-item-active btn btn-primary" aria-haspopup="true">
                            <a data-toggle="modal" data-target="#inventario-entradas"
                               onclick="tablaInvenntarioEntradas();"
                               class="menu-link label label-lg label-light-primary label-inline font-size-sm font-weight-bolder py-2">
                            <span class="menu-text d-block">
                                Inventario de entradas
                            </span>
                            </a>
                        </li>
                    </div> #}
                    <br>


                </ul>
                <!--end::Menu Nav-->
            </div>
            <!--end::Menu Container-->
        </div>
        <!--end::Aside Menu-->
        <!--end::List-->
    </div>

    <div class="tab-pane fade" id="kt_aside_tab_9">
        <!--begin::Aside Menu-->
        <div class="aside-menu-wrapper flex-column-fluid px-3 px-lg-10 py-5"
             id="kt_aside_menu_wrapper">
            <!--begin::Menu Container-->
            <div id="kt_aside_menu" class="aside-menu min-h-lg-800px" data-menu-vertical="1"
                 data-menu-scroll="1">
                <!--begin::Menu Nav-->
                <ul class="menu-nav">

                    <div class="separator separator-dashed separator-border-2 separator-primary"></div>
                    <br>


                    <div class="card card-custom" style="background-color:#F2F2F5">
                        <div class="card-header ribbon ribbon-top ribbon-ver">
                            <div class="ribbon-target bg-success" style="top: -2px; right: 20px;">
                                <i class="fa fa-star text-white"></i>
                            </div>
                            <h3 class="card-title">FONDO ARTE CAFE</h3>
                        </div>

                    </div>
                    <br>

                    <button class="form-control form-control-sm text-dark- py-1" style="background-color: #E8E3FF"
                            onclick="inicioProveedroes()">
                        <strong>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                 class="bi bi-building-fill-gear" viewBox="0 0 16 16">
                                <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.5 4.5 0 0 0 12.5 8a4.5 4.5 0 0 0-3.59 1.787A.5.5 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.5 4.5 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5m3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5m3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5M7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5M4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"/>
                                <path d="M11.886 9.46c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382zM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0"/>
                            </svg>
                            PROVEEDORES</strong>
                    </button>
                </ul>
                <!--end::Menu Nav-->
            </div>
            <!--end::Menu Container-->
        </div>
        <!--end::Aside Menu-->
        <!--end::List-->
    </div>

{% endblock %}


{% block body %}
    <!--begin::Subheader-->


    <div class="subheader py-6 py-lg-8 subheader-transparent" id="kt_subheader">
        <div class="container d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
            <!--begin::Info-->
            <div class="d-flex align-items-center flex-wrap mr-1">
                <!--begin::Page Heading-->
                <div class="d-flex align-items-baseline flex-wrap mr-5">
                    <!--begin::Page Title-->
                    <h5 class="text-dark font-weight-bold my-1 mr-5">Tablero</h5>
                    <!--end::Page Title-->
                </div>
                <!--end::Page Heading-->
            </div>
            <!--end::Info-->
            <!--begin::Toolbar-->
            <div class="d-flex align-items-center flex-wrap">
                {#
                <!--begin::Dropdown-->
            <div class="dropdown dropdown-inline" data-toggle="tooltip" title="Acciones Rápidas"
                 data-placement="top">
                <a href="#"
                   class="btn btn-fixed-height btn-bg-white btn-text-dark-50 btn-hover-text-primary btn-icon-primary font-weight-bolder font-size-sm px-5 my-1 mr-3"
                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="svg-icon svg-icon-md">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/Communication/Add-user.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <polygon points="0 0 24 0 24 24 0 24"/>
                                                <path d="M18,8 L16,8 C15.4477153,8 15,7.55228475 15,7 C15,6.44771525 15.4477153,6 16,6 L18,6 L18,4 C18,3.44771525 18.4477153,3 19,3 C19.5522847,3 20,3.44771525 20,4 L20,6 L22,6 C22.5522847,6 23,6.44771525 23,7 C23,7.55228475 22.5522847,8 22,8 L20,8 L20,10 C20,10.5522847 19.5522847,11 19,11 C18.4477153,11 18,10.5522847 18,10 L18,8 Z M9,11 C6.790861,11 5,9.209139 5,7 C5,4.790861 6.790861,3 9,3 C11.209139,3 13,4.790861 13,7 C13,9.209139 11.209139,11 9,11 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <path d="M0.00065168429,20.1992055 C0.388258525,15.4265159 4.26191235,13 8.98334134,13 C13.7712164,13 17.7048837,15.2931929 17.9979143,20.2 C18.0095879,20.3954741 17.9979143,21 17.2466999,21 C13.541124,21 8.03472472,21 0.727502227,21 C0.476712155,21 -0.0204617505,20.45918 0.00065168429,20.1992055 Z"
                                                      fill="#000000" fill-rule="nonzero"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>Add Member</a>
                <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right p-0 m-0">
                    <!--begin::Navigation-->
                    <ul class="navi navi-hover">
                        <li class="navi-header pb-1">
                            <span class="text-primary text-uppercase font-weight-bolder font-size-sm">Add new:</span>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                                    <span class="navi-icon">
                                                        <i class="flaticon2-shopping-cart-1"></i>
                                                    </span>
                                <span class="navi-text">Order</span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                                    <span class="navi-icon">
                                                        <i class="flaticon2-calendar-8"></i>
                                                    </span>
                                <span class="navi-text">Event</span>
                                <span class="navi-link-badge">
                                                        <span class="label label-light-danger label-inline font-weight-bold">new</span>
                                                    </span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                                    <span class="navi-icon">
                                                        <i class="flaticon2-graph-1"></i>
                                                    </span>
                                <span class="navi-text">Report</span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                                    <span class="navi-icon">
                                                        <i class="flaticon2-rocket-1"></i>
                                                    </span>
                                <span class="navi-text">Post</span>
                                <span class="navi-link-badge">
                                                        <span class="label label-light-success label-rounded font-weight-bolder">5</span>
                                                    </span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                                    <span class="navi-icon">
                                                        <i class="flaticon2-writing"></i>
                                                    </span>
                                <span class="navi-text">File</span>
                            </a>
                        </li>
                    </ul>
                    <!--end::Navigation-->
                </div>
            </div>
            <!--end::Dropdown-->
            <!--begin::Dropdown-->
            <div class="dropdown dropdown-inline" data-toggle="tooltip" title="Acciones Rápidas"
                 data-placement="top">
                <a href="#"
                   class="btn btn-fixed-height btn-primary font-weight-bolder font-size-sm px-5 my-1"
                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="svg-icon svg-icon-md">
                                        <!--begin::Svg Icon | path:assets/media/svg/icons/Files/File.svg-->
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px"
                                             viewBox="0 0 24 24" version="1.1">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <polygon points="0 0 24 0 24 24 0 24"/>
                                                <path d="M5.85714286,2 L13.7364114,2 C14.0910962,2 14.4343066,2.12568431 14.7051108,2.35473959 L19.4686994,6.3839416 C19.8056532,6.66894833 20,7.08787823 20,7.52920201 L20,20.0833333 C20,21.8738751 19.9795521,22 18.1428571,22 L5.85714286,22 C4.02044787,22 4,21.8738751 4,20.0833333 L4,3.91666667 C4,2.12612489 4.02044787,2 5.85714286,2 Z"
                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                <rect fill="#000000" x="6" y="11" width="9" height="2" rx="1"/>
                                                <rect fill="#000000" x="6" y="15" width="5" height="2" rx="1"/>
                                            </g>
                                        </svg>
                                        <!--end::Svg Icon-->
                                    </span>Nuevo Reporte</a>
                <div class="dropdown-menu dropdown-menu-md dropdown-menu-right p-0 m-0">
                    <!--begin::Navigation-->
                    <ul class="navi navi-hover">
                        <li class="navi-header font-weight-bold py-4">
                            <span class="font-size-lg">Choose Option:</span>
                            <i class="flaticon2-information icon-md text-muted" data-toggle="tooltip"
                               data-placement="right" title="Click to learn more..."></i>
                        </li>
                        <li class="navi-separator mb-3 opacity-70"></li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                                    <span class="navi-text">
                                                        <span class="label label-xl label-inline label-light-primary">Orders</span>
                                                    </span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                                    <span class="navi-text">
                                                        <span class="label label-xl label-inline label-light-danger">Reports</span>
                                                    </span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                                    <span class="navi-text">
                                                        <span class="label label-xl label-inline label-light-warning">Tasks</span>
                                                    </span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                                    <span class="navi-text">
                                                        <span class="label label-xl label-inline label-light-success">Events</span>
                                                    </span>
                            </a>
                        </li>
                        <li class="navi-item">
                            <a href="#" class="navi-link">
                                                    <span class="navi-text">
                                                        <span class="label label-xl label-inline label-light-dark">Members</span>
                                                    </span>
                            </a>
                        </li>
                        <li class="navi-separator mt-3 opacity-70"></li>
                        <li class="navi-footer py-4">
                            <a class="btn btn-primary font-weight-bold btn-sm px-5" href="#">
                                <i class="ki ki-plus icon-sm"></i>Create</a>
                        </li>
                    </ul>
                    <!--end::Navigation-->
                </div>
            </div>
            <!--end::Dropdown-->
                #}
            </div>
            <!--end::Toolbar-->
        </div>
    </div>
    <!--end::Subheader-->

    <!--begin::Entry-->

    <!--end::Entry-->

    <!--begin::Container-->
    <div class="container">

        <!--begin::Row-->
        <div class="row">
            <div class="col-xl-5" id="contenedor_ser">
                <!--begin::Stats Widget 10-->
                <div class="card card-custom card-stretch gutter-b">
                    <!--begin::Body-->
                    <div class="card-body">
                        <!--begin::Top-->
                        <div class="d-flex align-items-center justify-content-between flex-wrap">
                            <!--begin::Label-->
                            <span class="font-size-h6 text-muted font-weight-bolder text-uppercase pr-2">
									CONFIGURA EL SERVICIO


								</span>
                            <!--end::Label-->
                        </div>
                        <!--end::Top-->
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label for="exampleSelect1">Mesa</label>
                                    <select class="form-control form-control-sm" id="selectMesa">
                                        <option value="default" selected>Selecciona</option>
                                        {% for m in mesasDisponibles %}
                                            <option value="{{ m.ideMes }}">{{ m.cveMesa }}</option>
                                        {% else %}
                                            <option value="default">Aún sin registros</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label for="exampleSelect1">Menú</label>
                                    <select class="form-control form-control-sm" id="selectMenu">
                                        <option value="default" selected>Selecciona</option>
                                        {% for m in menus %}
                                            <option value="{{ m.ideMen }}">{{ m.nomMen }}</option>
                                        {% else %}
                                            <option value="default">Aún sin registros</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="form-group mb-2">
                            <label for="exampleSelect1">Meser@</label>
                            <select class="form-control form-control-sm" id="selectMesero">
                                <option value="default" selected>Selecciona</option>
                                {% for e in empleados %}
                                    <option value="{{ e.ideEmp }}">{{ e.nomEmp }} {{ e.priApe }} {{ e.segApe }}</option>
                                {% else %}
                                    <option value="default">Aún sin registros</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                    <!--end::Body-->
                    <!--begin::Footer-->
                    <div class="card-footer border-0 d-flex align-items-center justify-content-between pt-0">
                        <!--begin::Label-->
                        <span class="label label-lg label-light-primary label-inline font-size-sm font-weight-bolder py-5">
								{{ "now" | date('d-F-Y') }}
							</span>
                        <!--end::Label-->
                        <a href="#" class="btn btn-sm btn-primary font-weight-bolder px-6"
                           onclick="registrarServicio();">
                            Registrar
                        </a>
                    </div>
                    <!--end::Footer-->
                </div>
                <!--end::Stats Widget 10-->
            </div>

            <div class="col-xl-7" id="contenedor_mes">

                <!--begin::Stats Widget 10-->
                <div class="card card-custom card-stretch gutter-b">
                    <!--begin::Body-->
                    <div class="card-body">
                        <!--begin::Top-->
                        <div class="d-flex align-items-center justify-content-between flex-wrap">
                            <!--begin::Label-->
                            <span class="font-size-h6 text-muted font-weight-bolder text-uppercase pr-2">
									AGREGAR SERVICIOS A LA MESA
								</span>
                            <!--end::Label-->
                        </div>
                        <!--end::Top-->
                        {% for dm in datosMenu %}
                            <div class="dropdown dropdown-inline mr-4 mb-4">
                                <button class="btn btn-light-primary dropdown-toggle btn-sm font-weight-bold"
                                        type="button"
                                        id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                        aria-expanded="false">
										<span class="svg-icon">
											<!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Code\Plus.svg-->
											<svg xmlns="http://www.w3.org/2000/svg"
                                                 width="24px"
                                                 height="24px" viewBox="0 0 24 24" version="1.1">
												<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
													<rect x="0" y="0" width="24" height="24"/>
													<path d="M11,11 L11,7 C11,6.44771525 11.4477153,6 12,6 C12.5522847,6 13,6.44771525 13,7 L13,11 L17,11 C17.5522847,11 18,11.4477153 18,12 C18,12.5522847 17.5522847,13 17,13 L13,13 L13,17 C13,17.5522847 12.5522847,18 12,18 C11.4477153,18 11,17.5522847 11,17 L11,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L11,11 Z"
                                                          fill="#000000"/>
												</g>
											</svg>
                                            <!--end::Svg Icon-->
										</span>
                                    {{ dm[0].nomCatMen }}
                                </button>
                                <div class="dropdown-menu dropdown-menu-md py-0"
                                     aria-labelledby="dropdownMenuButton">
                                    <ul class="navi navi-hover navi-link-rounded-lg">
                                        {% for m in dm[1] %}
                                            <li class="navi-item">
                                                <a class="navi-link px-4 py-2" href="#"
                                                   onclick="agregarOrden({{ m.ideMen }});">
                                                        <span class="navi-icon">
															{# <span class="svg-icon svg-icon-primary">...</span> #}
															<span class="svg-icon">
																<!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Code\Plus.svg-->
																<svg xmlns="http://www.w3.org/2000/svg"
                                                                     width="24px"
                                                                     height="24px" viewBox="0 0 24 24" version="1.1">
																	<g stroke="none" stroke-width="1" fill="none"
                                                                       fill-rule="evenodd">
																		<rect x="0" y="0" width="24" height="24"/>
																		<path d="M11,11 L11,7 C11,6.44771525 11.4477153,6 12,6 C12.5522847,6 13,6.44771525 13,7 L13,11 L17,11 C17.5522847,11 18,11.4477153 18,12 C18,12.5522847 17.5522847,13 17,13 L13,13 L13,17 C13,17.5522847 12.5522847,18 12,18 C11.4477153,18 11,17.5522847 11,17 L11,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L11,11 Z"
                                                                              fill="#000000"/>
																	</g>
																</svg>
                                                                <!--end::Svg Icon-->
															</span>
														</span>
                                                    <span class="navi-text">${{ m.precio }}->{{ m.nomMen }}</span>
                                                </a>
                                            </li>
                                        {% else %}
                                        {% endfor %}
                                    </ul>

                                </div>
                            </div>
                        {% endfor %}

                        <div class="dropdown dropdown-inline mr-4 mb-4">
                            <button data-toggle="modal"
                                    data-target="#agregarDescripcionSer"
                                    class="btn btn-light-primary dropdown-toggle btn-sm font-weight-bold"
                                    type="button"
                                    id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                    aria-expanded="false" onclick="contenedorNewServicio();">
										<span class="svg-icon">
											<!--begin::Svg Icon | path:D:\xampp\htdocs\keenthemes\legacy\keen\theme\demo5\dist/../src/media/svg/icons\Code\Plus.svg-->
											<svg xmlns="http://www.w3.org/2000/svg"
                                                 width="24px"
                                                 height="24px" viewBox="0 0 24 24" version="1.1">
												<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
													<rect x="0" y="0" width="24" height="24"/>
													<path d="M11,11 L11,7 C11,6.44771525 11.4477153,6 12,6 C12.5522847,6 13,6.44771525 13,7 L13,11 L17,11 C17.5522847,11 18,11.4477153 18,12 C18,12.5522847 17.5522847,13 17,13 L13,13 L13,17 C13,17.5522847 12.5522847,18 12,18 C11.4477153,18 11,17.5522847 11,17 L11,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L11,11 Z"
                                                          fill="#000000"/>
												</g>
											</svg>
                                            <!--end::Svg Icon-->
										</span>
                                Add
                            </button>
                        </div>
                    </div>


                    <!--end::Body-->
                    <!--begin::Footer-->
                    <div class="card-footer border-0 d-flex align-items-center justify-content-between pt-0">
                    </div>
                    <!--end::Footer-->
                </div>
                <!--end::Stats Widget 10-->
            </div>
        </div>
        <!--end::Row-->

        <!--begin::Row-->
        <div class="row" id="contenedor_ser">
            <div class="col-xxl-12">
                <!--begin::Mixed Widget 7-->
                <div class="card card-custom card-stretch gutter-b">
                    <!--begin::Body-->
                    <div class="card-body" id="cont-datos-servicio">


                    </div>
                    <div class="card-footer d-flex align-items-center justify-content-between py-5">
                    </div>
                    <!--end::Footer-->
                </div>
                <!--end::Mixed Widget 7-->
            </div>
        </div>


        <!--end::Row-->
    </div>

    <!--begin::Dashboard-->
    <div class="modal fade" id="GráficaModal" tabindex="-1" aria-labelledby="GráficaLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="text-center" id="exampleModalLabel">GRÁFICA</h2>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>

                <div class="modal-body">
                    <form id="grafica">
                        <body id="grafica">
                        <div type="button" class="btn btn-outline-success" onclick="mostrarGrafica();">
                            Obtener Gráfica
                        </div>
                        </body>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal-->
    <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop"
         aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">AGENDA</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body" id="contenedor-agenda">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary font-weight-bold"
                            onclick="registroAgenda();"
                            data-dismiss="modal">
                        Registrar
                    </button>
                    <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Close
                    </button>

                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="exampleModalInventario" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop"
         aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header light-danger">
                    <div class="col-sm-12 ">

                        <input class="btn btn-light-danger text-dark-75 col-sm-12 font-weight-bold"
                               value="LISTA GENERAL" disabled>
                    </div>


                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body " style="width: 800px; height: 500px;  overflow: auto;"
                     id="contenedor-actualizar-inv">


                </div>
                <div class="modal-footer">

                    <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Close
                    </button>

                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="exampleEvento" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop"
         aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">AGREGAR EVENTO</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body" id="contenedor-evento">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary font-weight-bold"
                            onclick="registrarEvento();"
                            data-dismiss="modal">
                        Registrar
                    </button>
                    <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Close
                    </button>

                </div>
            </div>
        </div>
    </div>


    <div class="modal fade form-group-mb-2" id="modalProductollll" tabindex="-1" aria-labelledby="modalProducto"
         aria-hidden="">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Registrar Producto</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body-sm" id="JJJJ-producto">


                </div>
                <div class="modal-footer form-group-mb-2">
                    <button type="button" class="btn btn-success btn-sm" data-dismiss="modal"
                            onclick="newProducto();">Agregar
                    </button>
                    <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade form-group-mb-2" id="new-productos-inv" tabindex="-1" aria-labelledby="new-productos-inv"
         aria-hidden="">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">AGREGAR PRODUCTOS AL INVENTARIO.</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body-sm" id="contenedor-new-inventario">

                </div>
                <div class="modal-footer form-group-mb-2">
                    <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal"
                            onclick="newProdInventario();">Agregar
                    </button>
                    <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade form-group-mb-2" id="agregarDescripcionSer" tabindex="-1"
         aria-labelledby="agregarDescripcionSer"
         aria-hidden="">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">GENERAR NUEVO SERVICIO</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body-sm" id="contenedor-descripcion-servicio">


                </div>
                <div class="modal-footer form-group-mb-2">
                    <button type="button" class="btn btn-success btn-sm" data-dismiss="modal"
                            onclick="createNewServicio();">Agregar
                    </button>
                    <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>



    <div class="modal fade form-group-mb-2" id="modalProducto" tabindex="-1" aria-labelledby="modalProducto"
         aria-hidden="">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Registrar Producto</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body-sm" id="contenedor-new-producto">


                </div>
                <div class="modal-footer form-group-mb-2">
                    <button type="button" class="btn btn-success btn-sm" data-dismiss="modal"
                            onclick="newProducto();">Agregar
                    </button>
                    <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>



{% endblock %}



{% block footer %}

    <!--begin::Copyright-->
    <div class="text-dark order-2 order-md-1">
        <span class="text-muted font-weight-bold mr-2">2021©</span>
        <a href="http://keenthemes.com/keen" target="_blank" class="text-dark-75 text-hover-primary">Keenthemes</a>
    </div>
    <!--end::Copyright-->
    <!--begin::Nav-->
    <div class="nav nav-dark order-1 order-md-2">
        <a href="http://keenthemes.com/keen" target="_blank" class="nav-link pr-3 pl-0">About</a>
        <a href="http://keenthemes.com/keen" target="_blank" class="nav-link px-3">Team</a>
        <a href="http://keenthemes.com/keen" target="_blank" class="nav-link pl-3 pr-0">Contact</a>
    </div>
    <!--end::Nav-->
{% endblock %}