templates/MDS/GreenPatioBundle/Statistics/ocupacy-statistics.html.twig line 1

Open in your IDE?
  1. {% extends 'MDS/StatisticsBundle/base-statistics.html.twig' %}
  3.     {% block pagetitleinterno %}
  5.     {% endblock %}
  7.     {% block breadcrumbs %}
  9.     {% endblock %}
  11.     {% block contentProposal %}
  12.         <div class="col-sm-12 margen-15">
  13.             <div class="panel">
  14.                 <div class="panel-body">
  15.                     <div class="col-md-12" ><strong class="text-info">
  16.                             <legend class="border-teal-800">{% trans %}Ocupación de los espacios{% endtrans %}</legend></strong>
  17.                     </div>
  19.                     <form name="ViewForecast" method="post" action="/reservations-greenpatio/ocupacystatreq/" class="form-horizontal" autocomplete="off">
  20.                         <div class="col-md-3" style="margin-left: 20px"></div>
  21.                         <div class="col-md-2" style="margin-left: 20px">
  22.                             <label class="control-label" for="forecast_date_start_title">{% trans %}Fecha de inicio{% endtrans %}: </label>
  23.                             <input type="date" id="forecast_date_start" name="reservation_services_req[date_start]" class="form-control">
  24.                         </div>
  26.                         <div class="col-md-2" style="margin-left: 20px">
  27.                             <label class="control-label" for="forecast_date_end_title">{% trans %}Fecha de fin{% endtrans %}: </label>
  28.                             <input type="date" id="forecast_date_start" name="reservation_services_req[date_end]" class="form-control">
  29.                         </div>
  31.                         <div class="col-md-12" style="margin-top: 20px"></div>
  33.                         <div class="col-md-4"></div>
  34.                         <div class="col-md-2" style="margin-left: 60px; margin-top: 0px">
  35.                             <div class="form-group form-group-material">
  36.                                 <button type="submit" id="forecast_submit" name="reservation_services_req[send]" class="btn bg-success btn-block btn-lg">{% trans %}Ver Ocupación{% endtrans %}</button>
  37.                             </div>
  38.                         </div>
  39.                     </form>
  40.                 </div>
  41.             </div>
  42.         </div>
  44.         <div class="row statistics" id="statistics-invoice-client">
  45.             <div class="row">
  46.                 <div class="col-sm-12">
  47.                     <div class="panel panel-collapsed">
  48.                         <div class="panel-heading">
  49.                             <h6><b>{% trans %}Estadísticas de ocupación por días{% endtrans %}</b></h6>
  50.                             <h6 class="panel-title">
  51.                                 <i class="icon-stack3 position-left"></i>
  52.                                 {% trans %}Period{% endtrans %}: {{ desde|date('d/m/Y') }} | {{ hasta|date('d/m/Y') }}
  53.                                 <a class="heading-elements-toggle"><i class="icon-more"></i></a></h6>
  54.                             <div class="heading-elements">
  55.                                 <ul class="icons-list">
  56.                                     <li><a data-action="collapse" class=""></a></li>
  57.                                 </ul>
  58.                             </div>
  59.                         </div>
  60.                         <div class="panel-body">
  61.                             <div class="col-sm-12">
  62.                                 <div class="col-sm-12 no-padding">
  63.                                     <div class="col-sm-1 text-center">
  64.                                         <b>{% trans %}Día de la semana{% endtrans %}</b>
  65.                                     </div>
  66.                                     <div class="col-sm-2 text-center">
  67.                                         <b>{% trans %}ID del Expediente{% endtrans %}</b>
  68.                                     </div>
  69.                                     <div class="col-sm-3 text-center">
  70.                                         <b>{% trans %}Sala{% endtrans %}</b>
  71.                                     </div>
  72.                                     <div class="col-sm-3 text-center">
  73.                                         <b>{% trans %}Nombre del evento{% endtrans %}</b>
  74.                                     </div>
  75.                                     <div class="col-sm-3 text-center">
  76.                                         <b>{% trans %}Cliente{% endtrans %}</b>
  77.                                     </div>
  78.                                 </div>
  79.                             </div>
  80.                             <div class="col-sm-12 text-center">
  81.                                 <hr>
  82.                             </div>
  83.                             {% set cinv = 1 %}
  84.                             {% for index, days in data.arrayDays %}
  85.                                 {% if cinv % 2 == 0 %}
  86.                                     {% set fondo = "bg-line-list" %}
  87.                                 {%  else %}
  88.                                     {% set fondo = "" %}
  89.                                 {% endif %}
  91.                                 <div class="col-sm-2 text-center"><br>{{ data.sizeDays[index] }} veces ocupado los {{ index }}</div>
  93.                                 {% for day in days %}
  94.                                     <div class="col-sm-12 {{ fondo }} no-padding">
  95.                                         <div class="col-sm-12">
  96.                                             <div class="col-sm-1 text-center">
  97.                                                 <strong> {{ index }} </strong>
  98.                                             </div>
  99.                                             <div class="col-sm-2 text-center">
  100.                                                 <a href="/reservations-greenpatio/editsimple/{{ day.reservationId }}" target="_blank">{{ day.reservationId }}</a>
  101.                                             </div>
  102.                                             <div class="col-sm-3 text-center">
  103.                                                 {{ day.nameLounge }}
  104.                                             </div>
  105.                                             <div class="col-sm-3 text-center">
  106.                                                 {{ day.title }}
  107.                                             </div>
  108.                                             <div class="col-sm-3 text-center">
  109.                                                 {{ day.clientName }}
  110.                                             </div>
  111.                                         </div>
  112.                                     </div>
  113.                                 {% endfor %}
  115.                                 {% set cinv = cinv + 1 %}
  116.                             {% endfor %}
  117.                         </div>
  118.                     </div>
  119.                 </div>
  120.             </div>
  122.             <div class="panel panel-flat">
  123.                 <div class="panel-heading">
  124.                     <h5 class="panel-title"><i class="icon-pie-chart2 position-left"></i><strong>{% trans %}Grafica de ocupación por días{% endtrans %}</strong></h5>
  125.                     <div class="heading-elements">
  126.                         <ul class="icons-list">
  127.                             <li><a data-action="collapse"></a></li>
  128.                             <li><a data-action="reload"></a></li>
  129.                         </ul>
  130.                     </div>
  131.                 </div>
  133.                 <div class="panel-body">
  134.                     <div class="chart-container has-scroll">
  135.                         <div class="chart has-fixed-height has-minimum-width" id="basic_donut"></div>
  136.                     </div>
  137.                 </div>
  138.             </div>
  140.             <div class="row">
  141.                 <div class="col-sm-12">
  142.                     <div class="panel panel-collapsed">
  143.                         <div class="panel-heading">
  144.                             <h6><b>{% trans %}Estadísticas de ocupación por meses{% endtrans %}</b></h6>
  145.                             <h6 class="panel-title">
  146.                                 <i class="icon-stack3 position-left"></i>
  147.                                 {% trans %}Period{% endtrans %}: {{ desde|date('d/m/Y') }} | {{ hasta|date('d/m/Y') }}
  148.                                 <a class="heading-elements-toggle"><i class="icon-more"></i></a></h6>
  149.                             <div class="heading-elements">
  150.                                 <ul class="icons-list">
  151.                                     <li><a data-action="collapse" class=""></a></li>
  152.                                 </ul>
  153.                             </div>
  154.                         </div>
  155.                         <div class="panel-body">
  156.                             <div class="col-sm-12 text-center">
  157.                                 <hr>
  158.                             </div>
  159.                             {% set cinv = 1 %}
  160.                             {% for index, month in data.arrayMonths %}
  161.                                 {% if cinv % 2 == 0 %} {% set fondo = "bg-line-list" %} {%  else %} {% set fondo = "" %} {% endif %}
  163.                                 <div class="col-sm-12 {{ fondo }} no-padding">
  164.                                     <div class="col-sm-1 text-center">
  165.                                         <b>{% trans %}Mes{% endtrans %}</b>
  166.                                     </div>
  167.                                     <div class="col-sm-2 text-center">
  168.                                         <b>{% trans %}ID del Expediente{% endtrans %}</b>
  169.                                     </div>
  170.                                     <div class="col-sm-3 text-center">
  171.                                         <b>{% trans %}Sala{% endtrans %}</b>
  172.                                     </div>
  173.                                     <div class="col-sm-3 text-center">
  174.                                         <b>{% trans %}Nombre del evento{% endtrans %}</b>
  175.                                     </div>
  176.                                     <div class="col-sm-3 text-center">
  177.                                         <b>{% trans %}Cliente{% endtrans %}</b>
  178.                                     </div>
  180.                                     {% for index2, item in month %}
  181.                                         <div class="col-sm-12">
  182.                                             <div class="col-sm-1 text-center"> {{ index }} </div>
  183.                                             <div class="col-sm-2 text-center"> <a href="/reservations-greenpatio/editsimple/{{ item.reservationId }}" target="_blank">{{ item.reservationId }}</a></div>
  184.                                             <div class="col-sm-3 text-center"> {{ item.nameLounge }} </div>
  185.                                             <div class="col-sm-3 text-center"> {{ item.title }} </div>
  186.                                             <div class="col-sm-3 text-center"> {{ item.clientName }} </div>
  187.                                         </div>
  188.                                     {% endfor %}
  189.                                 </div>
  191.                                 <div class="col-sm-12">
  192.                                     <br>
  193.                                     <br>
  194.                                 </div>
  195.                                 {% set cinv = cinv + 1 %}
  196.                             {% endfor %}
  197.                         </div>
  198.                     </div>
  199.                 </div>
  200.             </div>
  202.             <div class="panel panel-flat">
  203.                 <div class="panel-heading">
  204.                     <h5 class="panel-title"><i class="icon-pie-chart2 position-left"></i><strong>{% trans %}Grafica de ocupación por meses{% endtrans %}</strong></h5>
  205.                     <div class="heading-elements">
  206.                         <ul class="icons-list">
  207.                             <li><a data-action="collapse"></a></li>
  208.                             <li><a data-action="reload"></a></li>
  209.                             {#<li><a data-action="close"></a></li>#}
  210.                         </ul>
  211.                     </div>
  212.                 </div>
  214.                 <div class="panel-body">
  215.                     <div class="chart-container has-scroll">
  216.                         <div class="chart has-fixed-height has-minimum-width" id="basic_donut_two"></div>
  217.                     </div>
  218.                 </div>
  219.             </div>
  220.         </div>
  222.     {% endblock %}
  223.     {% block javascripts %}
  224.         {{ parent() }}
  226.         <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/selects/select2.min.js') }}"></script>
  227.         <script type="text/javascript" src="{{ asset('assets/js/plugins/visualization/d3/d3.min.js') }}"></script>
  228.         <script type="text/javascript" src="{{ asset('assets/js/plugins/visualization/d3/d3_tooltip.js') }}"></script>
  229.         <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/switchery.min.js') }}"></script>
  230.         <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
  231.         <script type="text/javascript" src="{{ asset('assets/js/plugins/visualization/echarts/echarts.js') }}"></script>
  232.         <script type="text/javascript" src="{{ asset('assets/js/pages/reservation/pies_donuts_ocupacy_one.js') }}"></script>
  233.         <script type="application/javascript">
  234.             var dataDonut={{ dataDonut|json_encode|raw }};
  235.             var legend={{ legend|json_encode|raw }};
  236.             var text='';
  237.             var subtext='';
  238.             loadChart();
  239.         </script>
  241.         <script type="text/javascript" src="{{ asset('assets/js/pages/reservation/pies_donuts_ocupacy_two.js') }}"></script>
  242.         <script type="application/javascript">
  243.             var dataDonutTwo={{ dataDonutTwo|json_encode|raw }};
  244.             var legendTwo={{ legendTwo|json_encode|raw }};
  245.             var text='';
  246.             var subtext='';
  247.             loadChart();
  248.         </script>
  249.     {% endblock %}