templates/MDS/VenuesBundle/reservations/edit-visit.html.twig line 1

Open in your IDE?
  1. {% extends 'MDS/VenuesBundle/base-reservations.html.twig' %}
  2. {% form_theme form 'bootstrap_3_layout.html.twig' %}
  4. {% block pagetitleinterno %}
  5.     <div class="page-title" style="margin-left:280px">
  6.         <h4 class="text-mint_cream">
  7.             <i class="icon-calendar3 position-left text-mint_cream"></i>
  8.             <span class="text-semibold text-mint_cream">{% trans %}Venues{% endtrans %}</span> - {% trans %}Editar Visita{% endtrans %}
  9.         </h4>
  10.     </div>
  11. {% endblock %}
  13. {% block breadcrumbs %}
  15. {% endblock %}
  17. {% block contentReservation %}
  18.     {% set currentId = visit is defined and visit.id is defined ? visit.id : app.request.attributes.get('id') %}
  20.     <div class="row">
  21.         <div class="col-md-12">
  22.             <div class="panel panel-default">
  24.                 <div class="panel-heading clearfix">
  25.                     <h5 class="panel-title pull-left text-mint_cream" style="padding-top:7px;">
  26.                         <i class="icon-pencil"></i> {% trans %}Editar Visita{% endtrans %}
  27.                     </h5>
  28.                 </div>
  30.                 <div class="panel-body">
  31.                     {{ form_start(form, {'attr': {'class': 'form-horizontal', 'role':'form', 'autocomplete':'off'}}) }}
  33.                     <fieldset>
  34.                         <legend class="border-teal-800" style="margin-bottom:15px">
  35.                             <i class="icon-clock position-left"></i> {% trans %}Datos de la visita{% endtrans %}
  36.                         </legend>
  38.                         <div class="row">
  39.                             <!-- Title -->
  40.                             <div class="col-sm-12">
  41.                                 {{ form_row(form.title) }}
  42.                             </div>
  44.                             <!-- Agent, Date, Time -->
  45.                             <div class="col-sm-4">
  46.                                 {{ form_row(form.agent) }}
  47.                             </div>
  48.                             <div class="col-sm-4">
  49.                                 {{ form_row(form.visit_date) }}
  50.                             </div>
  51.                             <div class="col-sm-4">
  52.                                 {{ form_row(form.visit_time) }}
  53.                             </div>
  55.                             <!-- Space, Lounge, Reservation -->
  56.                             <div class="col-sm-4">
  57.                                 {{ form_row(form.space) }}
  58.                             </div>
  59.                             <div class="col-sm-4">
  60.                                 {{ form_row(form.lounge) }}
  61.                             </div>
  62.                             <div class="col-sm-4">
  63.                                 {{ form_row(form.reservation) }}
  64.                             </div>
  65.                         </div>
  66.                     </fieldset>
  68.                     <div class="row" style="margin-top:20px;">
  69.                         <div class="col-sm-offset-4 col-sm-2">
  70.                             <button type="submit" class="btn bg-btn-limerick btn-block">
  71.                                 <i class="icon-checkmark3"></i> {% trans %}Guardar{% endtrans %}
  72.                             </button>
  73.                         </div>
  74.                         <div class="col-sm-2">
  75.                             <a href="javascript:history.back()" class="btn bg-btn-lavender_gray btn-block">
  76.                                 <i class="icon-cross2"></i> {% trans %}Cancelar{% endtrans %}
  77.                             </a>
  78.                         </div>
  80.                     </div>
  82.                     {{ form_end(form) }}
  83.                 </div>
  85.             </div>
  86.         </div>
  87.     </div>
  88. {% endblock %}
  90. {% block javascripts %}
  91.     {{ parent() }}
  92.     <script>
  93.         $(document).ready(function() {
  94.             var $space = $('#visit_edit_space');
  95.             var $lounge = $('#visit_edit_lounge');
  97.             // Logic to fetch lounges via AJAX
  98.             $space.change(function() {
  99.                 var spaceId = $(this).val();
  100.                 if (spaceId) {
  101.                     $.ajax({
  102.                         url: "{{ path('venues_get_lounges_by_space') }}",
  103.                         type: "GET",
  104.                         data: { space_id: spaceId },
  105.                         success: function(lounges) {
  106.                             var currentVal = $lounge.val();
  107.                             $lounge.empty();
  108.                             $lounge.append('<option value="">Seleccione una sala</option>');
  109.                             $.each(lounges, function(key, lounge) {
  110.                                 $lounge.append('<option value="' + lounge.id + '">' + lounge.name + '</option>');
  111.                             });
  112.                             $lounge.prop('disabled', false);
  113.                             // Try to restore selection if ID matches (unlikely on change, but good practice)
  114.                             if (currentVal) $lounge.val(currentVal); 
  115.                         }
  116.                     });
  117.                 } else {
  118.                     $lounge.empty();
  119.                     $lounge.append('<option value="">Seleccione una sala</option>');
  120.                     $lounge.prop('disabled', true);
  121.                 }
  122.             });
  124.             // Initial state
  125.             if ($space.val()) {
  126.                  $lounge.prop('disabled', false);
  127.             } else {
  128.                  $lounge.prop('disabled', true);
  129.             }
  130.         });
  131.     </script>
  132. {% endblock %}