{% 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/Requisicion/Requisicion.js ') }}"></script>
    <script src="{{ asset('js/Inventario/Inventarios.js ') }}"></script>
    <script src="{{ asset('css/estilo-RM.css') }}"></script>
{% endblock %}

{% block menu_principal %}
    <ul class="nav flex-column" role="tablist">


        <li class="nav-item mb-3" data-toggle="tooltip" data-placement="right" data-container="body"
            data-boundary="window" title="" title="Requsición" onclick="vistaRequisicion()">
            <a href="#" class="nav-link btn btn-icon btn-icon-white btn-hover-transparent-white active"
               data-toggle="tab" data-target="#kt_aside_tab_3" role="tab">

                <i class="bi bi-card-list"></i>
                <!--begin::Svg Icon | path:assets/media/svg/icons/Media/Equalizer.svg-->
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                     class="bi bi-clipboard2-pulse-fill" viewBox="0 0 16 16">
                    <path d="M10 .5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5.5.5 0 0 1-.5.5.5.5 0 0 0-.5.5V2a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 11 2v-.5a.5.5 0 0 0-.5-.5.5.5 0 0 1-.5-.5"/>
                    <path d="M4.085 1H3.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1h-.585q.084.236.085.5V2a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 2v-.5q.001-.264.085-.5M9.98 5.356 11.372 10h.128a.5.5 0 0 1 0 1H11a.5.5 0 0 1-.479-.356l-.94-3.135-1.092 5.096a.5.5 0 0 1-.968.039L6.383 8.85l-.936 1.873A.5.5 0 0 1 5 11h-.5a.5.5 0 0 1 0-1h.191l1.362-2.724a.5.5 0 0 1 .926.08l.94 3.135 1.092-5.096a.5.5 0 0 1 .968-.039Z"/>
                </svg>
                <!--end::Svg Icon-->
            </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="MostrarFormGastosF();">
            <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="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="inventarioGeneralF();">
                <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>
        #}
        <!--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="mostrarFormInventario()">
                <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="Inventario">
            <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="vistaAdquisicion()">
                <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> #}
    </ul>

{% endblock %}


{% block menu_secundario %}
    <!--begin::Tab Pane-->


    <!--end::Tab Pane-->
    <!--begin::Tab Pane-->

    <div class="tab-pane fade show active" 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 class="menu-item menu-item-active" aria-haspopup="true">
                        <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-8 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-8 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-8 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>

                            <a href="#nav-4"
                               class="btn btn-icon btn-light-info pulse pulse-info mr-8 nav-item nav-link"
                               id="nav-profile-tab" data-toggle="tab">
                                <img src="assets/media/svg/icons/Media/Equalizer.svg" class=""/>

                                <span class="pulse-ring"></span>
                            </a>


                        </div>
                    </nav>


                </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"></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>

                    <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>
                    <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">
                                      <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">

                    <li class="menu-section">
                        <h4 class="menu-text">INVENTARIOS</h4>
                        <i class="imprimirInventario()"></i>
                    </li>
                </ul>
                <!--begin::Menu Nav-->
                <ul class="menu-nav">
                    <li class="menu-item menu-item-active" aria-haspopup="true">
                        <a href="{{ path('imprimirInventario') }}" 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">Reporte De Inventario</span>
                        </a>
                    </li>
                    <li class="menu-section">
                        <h4 class="menu-text"></h4>
                        <i class="bi bi-justify"></i>

                    <li class="menu-item menu-item-active" aria-haspopup="true">
                        <a href="{{ path('imprimirMovInventario') }}" 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">Reporte De Movimiento</span>
                        </a>
                    </li>
                    <li class="menu-section">
                        <h4 class="menu-text"></h4>
                        <i class="bi bi-justify"></i>
                    </li>

                    <ul class="navi navi-hover navi-accent navi-danger">
                        <li class="navi-item "
                            data-toggle="modal"
                            data-target="#NuevoLugar" onclick="contenedorLugarInventario();">
                            <a class="navi-link active" href="#">
                                <span class="navi-icon">
                                    <i class="icon-sm fas fa-chart-pie"></i>
                                </span>
                                <span class="navi-text"></span>
                                <span class="navi-text text-danger"> Área</span>
                                <span class="label label-light-danger font-weight-bold label-inline btn">new
                                </span>
                            </a>
                        </li>

                    </ul>
                    <br>


                    <ul class="navi navi-hover navi-accent navi-dark">
                        <li class="navi-item"
                            data-toggle="modal"
                            data-target="#NuevaCat" onclick="contenedorCategoria();">
                            <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">Categoría</span>
                                <span class="label label-light-dark font-weight-bold label-inline">new</span>

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

                </ul>
                <!--end::Menu Nav-->
            </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>
                            </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();">
                                    <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>
                    <!--::BÚSQUEDA POR MES-->
                </ul>
                <!--end::Menu Nav-->
            </div>
            <!--end::Menu Container-->
        </div>
        <!--end::Aside Menu-->
        <!--end::List-->
    </div>

{% endblock %}


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


    <div class="subheader py-10 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-48">Tablero</h5>

                    <div class="row">
                        <div class="mr-35">
                            <span class="label label-lg label-light-primary label-inline font-size-sm font-weight-bolder py-5">
                                {{ "now" | date('d-F-Y') }}
                            </span>
                        </div>
                    </div>
                    <!--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" id="contenedor-prod">
                        <!--begin::Top-->
                        <div class="d-flex align-items-center justify-content-between flex-wrap">
                            <!--begin::Label-->
                            <span class="label label-lg label-light-danger label-inline font-size-sm font-weight-bolder py-5">
								AGREGAR NOMBRE DE PRODUCTO A LA REQUISICIÓN
							</span>
                            <!--end::Label-->
                        </div>
                        <BR>
                        <!--end::Top-->
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group mb-2">
                                    <label for="nombreProdR">Nombre del Producto</label>
                                    <input type="text" class="form-control form-control-sm" id="nombreProdR"
                                           name="nombreProdR">
                                </div>
                            </div>
                        </div>

                        <div class="form-group mb-2">
                            <label for="costoReqProd">Costo</label>
                            <input type="int" class="form-control form-control-sm" id="costoReqProd"
                                   name="costoReqProd">
                        </div>
                        <br>
                        <a href="#" class="btn btn-sm btn-light-success font-weight-bolder px-6"
                           onclick="createProdRequisicion();">
                            Registrar
                        </a>
                    </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 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" id="contenedor-reportes">
                        <div class="row">

                            <div class="col-xl-12" style="overflow-y: scroll; height: 250px; vertical-align: middle;">
                                <!--begin::Top-->
                                <div class="d-flex align-items-center justify-content-between flex-wrap">
                                    <!--begin::Label-->
                                    <span class="label label-lg label-light-info label-inline font-size-sm font-weight-bolder col-sm-12"
                                          id="">
                                        HISTORIAL DE REQUISICIÓN
                                    </span>
                                    <!--end::Label-->
                                </div>
                                <br>
                                <!--end::Top-->

                                <table class="table table-striped table-condensed table-bordered"
                                       style="font-size: smaller;">
                                    <thead>
                                    <tr style="background-color: cadetblue;color: white;">
                                        <th scope="col">#</th>
                                        <th scope="col">FECHA</th>
                                        <th scope="col">HORA</th>
                                        <th scope="col">CLAVE</th>
                                        <th scope="col">ESTATUS</th>
                                        <th scope="col">ENTREGADO</th>
                                        <th scope="col">HORA</th>
                                        <th scope="col">**</th>
                                    </tr>
                                    </thead>
                                    <tbody class="table-sm text-dark-75">

                                    {% for r in requisisciones %}
                                        <tr>
                                            <th>{{ loop.index }}</th>
                                            <th>{{ r.fecMov | date('d-m-Y') }}</th>
                                            <th>{{ r.horMov | date('H:i:s') }}</th>
                                            <th>{{ r.clave }}</th>
                                            <th>SIN ENTREGAR</th>
                                            <th></th>
                                            <th></th>
                                            <th>
                                                <a href="{{ path('reporteRequisicion',{'ideRequisicion':r.ideRequisicion}) }}"
                                                   target="_blank" class="text-success ">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                         fill="currentColor" class="bi bi-file-pdf" viewBox="0 0 16 16">
                                                        <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1"/>
                                                        <path d="M4.603 12.087a.8.8 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.7 7.7 0 0 1 1.482-.645 20 20 0 0 0 1.062-2.227 7.3 7.3 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.187-.012.395-.047.614-.084.51-.27 1.134-.52 1.794a11 11 0 0 0 .98 1.686 5.8 5.8 0 0 1 1.334.05c.364.065.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.86.86 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.7 5.7 0 0 1-.911-.95 11.6 11.6 0 0 0-1.997.406 11.3 11.3 0 0 1-1.021 1.51c-.29.35-.608.655-.926.787a.8.8 0 0 1-.58.029m1.379-1.901q-.25.115-.459.238c-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361q.016.032.026.044l.035-.012c.137-.056.355-.235.635-.572a8 8 0 0 0 .45-.606m1.64-1.33a13 13 0 0 1 1.01-.193 12 12 0 0 1-.51-.858 21 21 0 0 1-.5 1.05zm2.446.45q.226.244.435.41c.24.19.407.253.498.256a.1.1 0 0 0 .07-.015.3.3 0 0 0 .094-.125.44.44 0 0 0 .059-.2.1.1 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a4 4 0 0 0-.612-.053zM8.078 5.8a7 7 0 0 0 .2-.828q.046-.282.038-.465a.6.6 0 0 0-.032-.198.5.5 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822q.036.167.09.346z"/>
                                                    </svg>
                                                </a>
                                            </th>
                                        </tr>
                                    {% endfor %}

                                    </tbody>
                                </table>
                            </div>


                        </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">
            <div class="col-xxl-12">
                <!--begin::Mixed Widget 7-->
                <div class="card card-custom card-stretch gutter-b">

                    <div class="card-body" id="cont-datos-servicio">
                        {% if bandera == 1 %}

                            <button href="#" class="btn btn-danger btn-sm text-center col-12"
                                    disabled>
                                YA HA REGISTRADO UNA REQUISICIÓN, ESPERE AL
                                SIGUIENTE MES
                            </button>
                        {% else %}
                            <div style="overflow-y: scroll; height: 360px; vertical-align: middle;">
                                {% if bandera == 1 %}
                                    <label for="" class="label-light-danger"></label>
                                {% elseif bandera == 0 %}
                                    <table class="table table-striped table-responsive-sm  form-control-sm">
                                        <thead>
                                        <tr style="background-color: #0B3244; color: white;">
                                            <th>#</th>
                                            <th>CANTIDAD</th>
                                            <th>UNIDAD</th>
                                            <th>PRODUCTOS</th>
                                            <th>OBSERVACIONES</th>
                                            <th>***</th>

                                        </tr>
                                        </thead>
                                        <tbody>
                                        {% for x in 1..30 %}
                                            <tr id="r{{ x }}">
                                                <td>
                                                    {{ loop.index }}
                                                </td>
                                                <td>
                                                    {% if x == 1 %}
                                                        <select name="c{{ x }}" id="c{{ x }}"
                                                                class="form-control form-control-sm">
                                                            <option value="default" selected>---</option>
                                                            {% for i in 1..10 %}
                                                                <option value="{{ i }}">{{ i }}</option>
                                                                <option value="{{ i+0.5 }}">{{ i+0.5 }}</option>
                                                            {% endfor %}
                                                        </select>
                                                    {% else %}
                                                        <select name="c{{ x }}" id="c{{ x }}"
                                                                class="form-control form-control-sm" disabled>
                                                            <option value="default" selected>---</option>
                                                            {% for i in 1..10 %}
                                                                <option value="{{ i }}">{{ i }}</option>
                                                                <option value="{{ i+0.5 }}">{{ i+0.5 }}</option>
                                                            {% endfor %}
                                                        </select>
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    {% if x == 1 %}
                                                        <select name="u{{ x }}" id="u{{ x }}"
                                                                class="form-control form-control-sm"
                                                                onclick="traerProductos({{ x }})">
                                                            <option value="default" selected>---</option>
                                                            <option value="1">Pieza(s)</option>
                                                            <option value="2">Caja(s)</option>
                                                            <option value="3">Litro(s)</option>
                                                            <option value="4">Paquete(s)</option>
                                                            <option value="5">Kilo(s)</option>
                                                        </select>
                                                    {% else %}
                                                        <select name="u{{ x }}" id="u{{ x }}"
                                                                class="form-control form-control-sm"
                                                                onclick="traerProductos({{ x }})" disabled>
                                                            <option value="default" selected>---</option>
                                                            <option value="1">Pieza(s)</option>
                                                            <option value="2">Caja(s)</option>
                                                            <option value="3">Litro(s)</option>
                                                            <option value="4">Paquete(s)</option>
                                                            <option value="5">Kilo(s)</option>
                                                        </select>
                                                    {% endif %}
                                                </td>
                                                <td id="cont{{ x }}">

                                                </td>

                                                <td>
                                            <textarea name="o{{ x }}" id="o{{ x }}" cols="10" rows="1"
                                                      class="form-control form-control-sm"></textarea>
                                                </td>
                                                <td class="text-center" style=" vertical-align: middle">

                                                    <input type="checkbox" value=""
                                                           id="check{{ x }}" name="check{{ x }}"
                                                           onclick="validarFila({{ x }})">

                                                </td>
                                            </tr>
                                        {% else %}
                                            <tr>
                                                <td colspan="4" class="text-center col-sm-12"
                                                    style="border: solid 1px cadetblue;">AUN
                                                    NO
                                                    HAY REGISTROS
                                                </td>
                                            </tr>
                                        {% endfor %}
                                        </tbody>

                                    </table>
                                {% endif %}

                            </div>


                            <br>
                            <button class="btn btn-light-success btn-sm" onclick="guardarRequisicion()">
                                GUARDAR Y ENVIAR
                            </button>
                        {% endif %}
                    </div>


                </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>

    <div class="modal fade form-group-mb-2" id="NuevoLugar" tabindex="-1" aria-labelledby="NuevoLugar"
         aria-hidden="">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">NUEVA ÁREA</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-lugar-inventario">


                </div>
                <div class="modal-footer form-group-mb-2">
                    <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal"
                            onclick="registrarLugarInventario();">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="NuevaCat" tabindex="-1" aria-labelledby="NuevaCat"
         aria-hidden="">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">NUEVA CATEGORÍA</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-categoria">

                </div>
                <div class="modal-footer form-group-mb-2">
                    <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal"
                            onclick="subirCategoria();">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="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>

    <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" 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">
                    <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>




{% 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 %}