templates/MDS/GreenPatioBundle/reservations/list-statistics.html.twig line 1

Open in your IDE?
  1. {% extends 'MDS/GreenPatioBundle/base-reservations.html.twig' %}
  3. {% block pagetitleinterno %}
  4.     <div class="page-title">
  5.         <h4><i class="icon-list position-left"></i> <span class="text-semibold">{% trans %}Green Patio{% endtrans %}</span> - {% trans %}Estadísticas{% endtrans %}</h4>
  6.     </div>
  7. {% endblock %}
  9. {% block breadcrumbs %}
  10.     <ul class="breadcrumb">
  11.         <li><a href="/loungeadmin/list"><i class="icon-home2 position-left"></i>{% trans %}Home{% endtrans %}</a></li>
  12.     </ul>
  13. {% endblock %}
  15. {% block contentReservation %}
  17.     <div class="row settings-page" id="client-client-subpage">
  18.         <div class="col-sm-12">
  19.             <div class="page-header">
  20.                 <div class="col-sm-12 text-right">
  21.                     {% if dateStartReq is not empty and dateEndReq is not empty %}
  22.                         <form name="PrintForecast" method="post" target="_blank"  action="/pdf/greenpatioforecast/" class="form-horizontal" autocomplete="off">
  23.                             <input type="hidden" id="dateStartReq" name="forecast[date_start]" class="form-control hidden" value="{{ dateStartReq }}" />
  24.                             <input type="hidden" id="dateEndReq" name="forecast[date_end]" class="form-control hidden" value="{{ dateEndReq }}" />
  25.                             <div class="col-md-6">
  26.                                 <div class="form-group form-group-material">
  27.                                     <button type="submit" id="forecast_submit" name="forecast_button[send]" class="btn bg-black btn-info btn-lg">{% trans %}Previsión de Ventas en PDF{% endtrans %}</button>
  28.                                 </div>
  29.                             </div>
  30.                         </form>
  31.                     {% endif %}
  33.                     <a href="/reservations-greenpatio/listloungedetails"  class="btn btn-info btn-gl">{% trans %}List Lounge{% endtrans %} <i class="icon-list position-right"></i></a>
  34.                     <a href="/reservations-greenpatio/listperiod"  class="btn btn-success btn-gl">{% trans %}List Period{% endtrans %} <i class="icon-list position-right"></i></a>
  35.                     <a href="/reservations-greenpatio/listgpprices"  class="btn btn-info btn-gl">{% trans %}List Price{% endtrans %} <i class="icon-list position-right"></i></a>
  36.                     <a href="/reservations-greenpatio/list"  class="btn btn-warning btn-gl">{% trans %}Reservation List{% endtrans %} <i class="icon-book position-right"></i></a>
  37.                 </div>
  38.             </div>
  39.         </div>
  40.         {% for flashMessage in app.session.flashbag.get('mensajeclient') %}
  41.             <div class="hidden alertFlashMensaje" data-mensaje="{{ flashMessage }}"></div>
  42.         {% endfor %}
  44.         <div class="col-sm-12 margen-15">
  45.             <div class="panel">
  46.                 <div class="panel-body">
  47.                     <div class="col-md-12" ><strong class="text-info">
  48.                         <legend class="border-teal-800">{% trans %}Consulta de Reservas{% endtrans %}</legend></strong>
  49.                     </div>
  51.                     <form name="ViewForecast" method="post" action="/reservations-greenpatio/responseliststatistics/" class="form-horizontal" autocomplete="off">
  52.                         <div class="col-md-2" style="margin-left: 20px">
  53.                             <label class="control-label" for="forecast_date_start_title">{% trans %}Fecha de inicio{% endtrans %}: </label>
  54.                             {#<input type="date" id="forecast_date_start" name="forecast[date_start]" class="form-control">#}
  55.                             {% if dateStartReq is null  %}
  56.                                 <input type="date" id="forecast_date_start" name="forecast[date_start]" class="form-control">
  57.                             {% else %}
  58.                                 <input type="date" id="forecast_date_start" name="forecast[date_start]" class="form-control" value="{{ dateStartReq|date("Y-m-d") }}">
  59.                             {% endif %}
  60.                         </div>
  62.                         <div class="col-md-2" style="margin-left: 20px">
  63.                             <label class="control-label" for="forecast_date_end_title">{% trans %}Fecha de fin{% endtrans %}: </label>
  64.                             {#<input type="date" id="forecast_date_start" name="forecast[date_end]" class="form-control">#}
  65.                             {% if dateEndReq is null  %}
  66.                                 <input type="date" id="forecast_date_end" name="forecast[date_end]" class="form-control">
  67.                             {% else %}
  68.                                 <input type="date" id="forecast_date_end" name="forecast[date_end]" class="form-control" value="{{ dateEndReq|date("Y-m-d") }}">
  69.                             {% endif %}
  70.                         </div>
  72.                         <div class="col-md-2" style="margin-left: 20px">
  73.                             <div class="col-md-6"><label class="control-label text-left">{% trans %}Client{% endtrans %}</label></div>
  74.                             <div class="col-md-12">
  75.                                 <select id="client" name="client" class="form-control">
  76.                                     <option value="">{% trans %}Select a client{% endtrans %}</option>
  77.                                     {% for client in clients %}
  78.                                         {% if client.Id == clientId %}
  79.                                             <option value="{{ client.id }}" selected="selected">{{ client.name|capitalize }} </option>
  80.                                         {% else %}
  81.                                             <option value="{{ client.id }}">{{ client.name|capitalize }}  </option>
  82.                                         {% endif %}
  83.                                     {% endfor %}
  84.                                 </select>
  85.                             </div>
  86.                         </div>
  88.                         <div class="col-xs-12 col-lg-5" style="margin-left: 20px; z-index: 1;">
  89.                             <div class="col-xs-12"><label class="control-label text-center">{% trans %}Estado de la reserva{% endtrans %}</label></div>
  90.                             <div class="col-xs-12"></div>
  91.                             <div class="col-xs-6 col-lg-2" style="padding-top: -5px; padding-left: 10px">
  92.                                 <div class="checkbox checkbox-switchery switchery-lg switchery-double text-left" title="">
  93.                                       <label>
  94.                                         {#<input type="checkbox" class="switchery-info boolDelete" id="boolBlocked" name="boolStatus[Blocked]" checked="checked" onchange="changeChkLounge();">#}
  95.                                           {% if boolBlocked is defined and boolBlocked == true %}
  96.                                               <input type="checkbox" class="switchery-info boolDelete" id="boolBlocked" name="boolStatus[Blocked]" checked="checked" onchange="changeChkLounge();">
  97.                                           {% else %}
  98.                                               <input type="checkbox" class="switchery-info boolDelete" id="boolBlocked" name="boolStatus[Blocked]" onchange="changeChkLounge();">
  99.                                           {% endif %}
  100.                                     </label>
  101.                                     <label class="control-label text-left" style="padding-top: 10px">{% trans %}Bloqueado{% endtrans %}</label>
  102.                                 </div>
  103.                             </div>
  105.                             <div class="col-xs-6 col-lg-2" style="padding-top: -5px; padding-left: 10px">
  106.                                 <div class="checkbox checkbox-switchery switchery-lg switchery-double text-left" title="">
  107.                                     <label>
  108.                                         {#<input type="checkbox" class="switchery-info boolDelete" id="boolConfirmed" name="boolStatus[Confirmed]" checked="checked" onchange="changeChkLounge();">#}
  109.                                         {% if boolConfirmed is defined and boolConfirmed == true %}
  110.                                             <input type="checkbox" class="switchery-info boolDelete" id="boolConfirmed" name="boolStatus[Confirmed]" checked="checked" onchange="changeChkLounge();">
  111.                                         {% else %}
  112.                                             <input type="checkbox" class="switchery-info boolDelete" id="boolConfirmed" name="boolStatus[Confirmed]" onchange="changeChkLounge();">
  113.                                         {% endif %}
  114.                                     </label>
  115.                                     <label class="control-label text-left" style="padding-top: 10px">{% trans %}Confirmado{% endtrans %}</label>
  116.                                 </div>
  117.                             </div>
  119.                             <div class="col-xs-6 col-lg-2" style="padding-top: -5px; padding-left: 10px">
  120.                                 <div class="checkbox checkbox-switchery switchery-lg switchery-double text-left" title="">
  121.                                     <label>
  122.                                         {#<input type="checkbox" class="switchery-info boolDelete" id="boolQuoted" name="boolStatus[Quoted]" checked="checked" onchange="changeChkLounge();">#}
  123.                                         {% if boolQuoted is defined and boolQuoted == true %}
  124.                                             <input type="checkbox" class="switchery-info boolDelete" id="boolQuoted" name="boolStatus[Quoted]" checked="checked" onchange="changeChkLounge();">
  125.                                         {% else %}
  126.                                             <input type="checkbox" class="switchery-info boolDelete" id="boolQuoted" name="boolStatus[Quoted]" onchange="changeChkLounge();">
  127.                                         {% endif %}
  128.                                     </label>
  129.                                     <label class="control-label text-left" style="padding-top: 10px">{% trans %}Cotizado{% endtrans %}</label>
  130.                                 </div>
  131.                             </div>
  133.                             <div class="col-xs-6 col-lg-2" style="padding-top: -5px; padding-left: 10px">
  134.                                 <div class="checkbox checkbox-switchery switchery-lg switchery-double text-left" title="">
  135.                                     <label>
  136.                                         {#<input type="checkbox" class="switchery-info boolDelete" id="boolInvoiced" name="boolStatus[Invoiced]" checked="checked" onchange="changeChkLounge();">#}
  137.                                         {% if boolInvoiced is defined and boolInvoiced == true %}
  138.                                             <input type="checkbox" class="switchery-info boolDelete" id="boolInvoiced" name="boolStatus[Invoiced]" checked="checked" onchange="changeChkLounge();">
  139.                                         {% else %}
  140.                                             <input type="checkbox" class="switchery-info boolDelete" id="boolInvoiced" name="boolStatus[Invoiced]" onchange="changeChkLounge();">
  141.                                         {% endif %}
  142.                                     </label>
  143.                                     <label class="control-label text-left" style="padding-top: 10px">{% trans %}Facturado{% endtrans %}</label>
  144.                                 </div>
  145.                             </div>
  147.                             <div class="col-xs-6 col-lg-2" style="padding-top: -5px; padding-left: 10px">
  148.                                 <div class="checkbox checkbox-switchery switchery-lg switchery-double text-left" title="">
  149.                                     <label>
  150.                                         {#<input type="checkbox" class="switchery-info boolDelete" id="boolInvoiced" name="boolStatus[Cancel]" checked="checked" onchange="changeChkLounge();">#}
  151.                                         {% if boolCancel is defined and boolCancel == true %}
  152.                                             <input type="checkbox" class="switchery-info boolDelete" id="boolCancel" name="boolStatus[Cancel]" checked="checked" onchange="changeChkLounge();">
  153.                                         {% else %}
  154.                                             <input type="checkbox" class="switchery-info boolDelete" id="boolCancel" name="boolStatus[Cancel]" onchange="changeChkLounge();">
  155.                                         {% endif %}
  156.                                     </label>
  157.                                     <label class="control-label text-left" style="padding-top: 10px">{% trans %}Cancelado{% endtrans %}</label>
  158.                                 </div>
  159.                             </div>
  160.                         </div>
  162.                         <div class="col-md-12" style="margin-top: 20px"></div>
  164.                         <style>
  165.                             /* Estilo para ajustar la lista dropdown */
  166.                             .dropdown-menu {
  167.                             max-height: 200px;
  168.                             overflow-y: auto;
  169.                             }
  171.                             /* Ajustar la apariencia de la lista */
  172.                             .dropdown-menu label {
  173.                             padding: 5px 15px;
  174.                             display: block;
  175.                             }
  177.                             /* Estilo adicional para alinear los checkbox con el texto */
  178.                             .checkbox-inline input {
  179.                             margin-right: 10px;
  180.                             }
  181.                         </style>
  183.                         <div class="col-md-12 col-xs-12" style="padding-left: 40px; padding-right: 40px">
  184.                             <div class="form-group form-group-material">
  185.                                 {#<label class="control-label is-visible">#}
  186.                                     {#<label for="supplier_tags2" class="control-label is-visible required">{% trans %}Tags{% endtrans %}</label>#}
  187.                                 {#</label>#}
  188.                                 <div id="multiselect_tags" class="input-group col-sm-12 InputTagsSpinner multi-select-full" style="width: 100%">
  189.                                     <div class="dropdown" style="width: 100%">
  190.                                         <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="width: 100%">
  191.                                             {% trans %}Todas las Salas{% endtrans %}
  192.                                             <span class="caret"></span>
  193.                                         </button>
  194.                                         <ul class="dropdown-menu" aria-labelledby="dropdownMenu" style="width: 100%">
  195.                                             {% for sala in salas %}
  196.                                                 <li>
  197.                                                     <label class="checkbox-inline">
  198.                                                         <input type="checkbox" name="tags[tags2][]" value="{{ sala.id }}"> {{ sala.name }}
  199.                                                     </label>
  200.                                                 </li>
  201.                                             {% endfor %}
  202.                                         </ul>
  203.                                     </div>
  204.                                     <input type="hidden" id="selected_salas" name="selected_salas" value="">
  205.                                 </div>
  206.                                 <span class="help-block"></span>
  207.                             </div>
  208.                         </div>
  210.                         <div class="col-md-12" style="margin-top: 20px"></div>
  211.                         <div class="col-md-4"></div>
  212.                         <div class="col-md-4">
  213.                             <div class="form-group form-group-material">
  214.                                 <button type="submit" id="forecast_submit" name="forecast_button[send]" class="btn bg-success btn-block btn-lg">{% trans %}Buscar{% endtrans %}</button>
  215.                             </div>
  216.                         </div>
  217.                     </form>
  219.                 </div>
  220.             </div>
  221.         </div>
  223.         {% if data is not empty %}
  224.             <div class="col-md-12 margen-15">
  225.                 <div class="panel">
  226.                     <div class="panel-heading">
  227.                         <div class="panel-body border-blue">
  228.                             <div class="col-md-12 col-xs-12" ><strong class="text-info">
  229.                                 <legend class="border-teal-800">{% trans %}Listado de Reservas{% endtrans %}</legend></strong>
  230.                                 {{ consulta }}
  231.                                 <br>
  232.                                 <br>
  233.                                 <br>
  234.                             </div>
  235.                             <table id="table-client" class="table datatable-sum table-bordered table-hover datatable-highlight">
  236.                                 <thead>
  237.                                 <tr>
  238.                                     <th>{% trans %}Fecha de inicio{% endtrans %}</th>
  239.                                     <th>{% trans %}Client{% endtrans %}</th>
  240.                                     <th>{% trans %}Título{% endtrans %}</th>
  241.                                     <th>{% trans %}Status{% endtrans %}</th>
  242.                                     <th>{% trans %}Espacios{% endtrans %}</th>
  243.                                     <th>{% trans %}Venta Neta{% endtrans %}</th>
  244.                                     <th>{% trans %}Iva{% endtrans %}</th>
  245.                                     <th class="text-center">{% trans %}Actions{% endtrans %}</th>
  246.                                 </tr>
  247.                                 </thead>
  248.                                 <tbody>
  249.                                     {% for resv in data %}
  250.                                         <tr>
  251.                                             <td><div class="hidden">{{ resv.dateStart|date("Y/m/d") }}</div>{{ resv.dateStart|date('d/m/Y')}}</td>
  252.                                             <td>{{ resv.clientName }}</td>
  253.                                             <td>{{ resv.title }}</td>
  254.                                             <td>{{ resv.status }}</td>
  255.                                             <td>
  256.                                                 {% for key, spaceName in resv.txtArrayLoungesNames %}
  257.                                                     {% if key > 21 and key < 30 %}
  258.                                                         <span class="badge bg-primary-400 heading-text" style="font-size: small"> {{ spaceName }} </span> {# CVR #}
  259.                                                     {% else %}
  260.                                                         {% if key > 29 %}
  261.                                                             <span class="badge bg-brown-400 heading-text" style="font-size: small"> {{ spaceName }} </span> {# BLV #}
  262.                                                         {% else %}
  263.                                                             <span class="badge badge-success text-center" style="font-size: small"> {{ spaceName }} </span>   {# GP #}
  264.                                                         {% endif %}
  265.                                                     {% endif %}
  266.                                                 {% endfor %}
  267.                                             </td>
  268.                                             <td>{{ resv.neto|number_format(2, ',', '.')}}</td>
  269.                                             <td>{{ resv.vat|number_format(2, ',', '.')}}</td>
  270.                                             <td class="text-center">
  271.                                                 <ul class="icons-list">
  272.                                                     <li class="dropdown">
  273.                                                         <a class="btn border-info text-info btn-flat btn-rounded btn-icon btn-lg" href="#" class="dropdown-toggle" data-toggle="dropdown">
  274.                                                             <i class="icon-menu9"></i>
  275.                                                         </a>
  276.                                                         <ul class="dropdown-menu dropdown-menu-right bg-teal-400">
  277.                                                             <li><a href="/reservations-greenpatio/editsimple/{{ resv.reservationId }}"><i class="icon-eye pull-right"></i> {% trans %}Ver Reserva{% endtrans %}</a></li>
  278.                                                         </ul>
  279.                                                     </li>
  280.                                                 </ul>
  281.                                             </td>
  282.                                         </tr>
  283.                                     {% endfor %}
  284.                                 </tbody>
  286.                                 <tfoot>
  287.                                 <tr>
  288.                                     <th colspan="5" class="text-right">Previsión de Venta en tabla: </th>
  289.                                     <th colspan="1"></th>
  290.                                     <th colspan="1"></th>
  291.                                     <th colspan="1"></th>
  292.                                 </tr>
  293.                                 </tfoot>
  294.                             </table>
  296.                             <form name="ExcelForecast" method="post" action="/reservations-greenpatio/xlsstatistics/" class="form-horizontal" autocomplete="off">
  297.                                 <input id="xlsDateStartReq" name="xls[dateStartReq]" class="hidden" value="{{ dateStartReq }}">
  298.                                 <input id="xlsDateEndReq" name="xls[dateEndReq]" class="hidden" value="{{ dateEndReq }}">
  299.                                 <input id="xlsClientId" name="xls[clientId]" class="hidden" value="{{ clientId }}">
  300.                                 <input id="xlsBoolBlocked" name="xls[boolBlocked]" class="hidden" value="{{ boolBlocked }}">
  301.                                 <input id="xlsBoolConfirmed" name="xls[boolConfirmed]" class="hidden" value="{{ boolConfirmed }}">
  302.                                 <input id="xlsBoolQuoted" name="xls[boolQuoted]" class="hidden" value="{{ boolQuoted }}">
  303.                                 <input id="xlsBoolInvoiced" name="xls[boolInvoiced]" class="hidden" value="{{ boolInvoiced }}">
  304.                                 <input id="xlsBoolCancel" name="xls[boolCancel]" class="hidden" value="{{ boolCancel }}">
  305.                                 <input id="arraySalasId" name="xls[arraySalasId]" class="hidden" value="{{ arraySalasId }}">
  306.                                 <input id="selectedSalasNames" name="xls[selectedSalasNames]" class="hidden" value="{{ selectedSalasNames }}">
  308.                                 <div class="col-md-10"></div>
  309.                                 <div class="col-md-2">
  310.                                     <div class="form-group form-group-material">
  311.                                         <button type="submit" id="excel_submit" name="excel_button[send]" class="btn bg-info btn-block btn-lg"><i class="icon-file-excel position-right"></i>{% trans %}&nbsp; Exportar a Excel{% endtrans %}</button>
  312.                                     </div>
  313.                                 </div>
  314.                             </form>
  315.                         </div>
  316.                     </div>
  317.                 </div>
  318.             </div>
  319.         {% endif %}
  320.     </div>
  321. {% endblock %}
  323. {% block javascripts %}
  324.     {{ parent() }}
  325.     <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
  326.     <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/switch.min.js') }}"></script>
  327.     <script type="text/javascript" src="{{ asset('assets/js/pages/form_checkboxes_radios.js') }}"></script>
  328.     <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/selects/select2.min.js') }}"></script>
  329.     <script type="text/javascript" src="{{ asset('assets/js/pages/greenpatio/list-reservation.js') }}"></script>
  330.     <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/switchery.min.js') }}"></script>
  331.     <script type="text/javascript" src="{{ asset('assets/js/pages/proposal/switchery-proposal.js') }}"></script>
  332.     <script type="text/javascript" src="{{ asset('assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
  333.     <script type="text/javascript" src="{{ asset('assets/js/plugins/tables/datatables/extensions/responsive.min.js') }}"></script>
  334.     <script type="text/javascript" src="{{ asset('assets/js/pages/greenpatio/datatables_sum_gp_statistics.js') }}"></script>
  335.     <script type="text/javascript" src="{{ asset('assets/js/pages/datatables_advanced.js') }}"></script>
  336.     <script>
  337.         var checkboxes = document.querySelectorAll('.dropdown-menu input[type="checkbox"]');
  338.         var dropdownButton = document.querySelector('#dropdownMenu');
  339.         var hiddenInput = document.querySelector('#selected_salas');
  341.         checkboxes.forEach(function (checkbox) {
  342.             checkbox.addEventListener('change', updateSelections); // Event for PC
  343.             checkbox.addEventListener('click', updateSelections);  // Add click for mobile
  344.             checkbox.addEventListener('touchstart', updateSelections); // Add touchstart for mobile
  345.         });
  347.         function updateSelections() {
  348.             var selected = [];
  349.             checkboxes.forEach(function (checkbox) {
  350.                 if (checkbox.checked) {
  351.                     selected.push(checkbox.parentElement.textContent.trim());
  352.                 }
  353.             });
  355.             dropdownButton.textContent = selected.length > 0 ? selected.join(', ') : 'Todas las Salas';
  356.             hiddenInput.value = selected.join(',');
  357.         }
  358.     </script>
  359. {% endblock %}