templates/agenda/new_modal.html.twig line 1

Open in your IDE?
  1. {% block body %}
  3. {{ form_start(form,{ 'attr': { 'id': 'agenda_new_form' } }) }}
  5. <div class="row">    
  6.     <div class="col-md-3 pc">
  7.         {{ form_row(form.inicio) }}
  8.     </div>
  9.     <div class="col-md-3 pc">
  10.         {{ form_row(form.fin) }}
  11.     </div>
  12.     <div class="col-md-3 pc">
  13.         {{ form_row(form.doctor) }}
  14.     </div>
  15.     <div class="col-md-3 pc">
  16.         {{ form_row(form.seguro) }}
  17.     </div>
  18.     <div class="col-md-3 pc">
  19.         {{ form_row(form.especialidad) }}
  20.     </div>
  21.     <div class="col-md-9 pc">
  22.         {{ form_row(form.procedimiento) }}
  23.     </div>
  24.     <div class="col-md-12 pc">
  25.         {{ form_row(form.validacion) }}    
  26.     </div>
  27.     <div class="col-md-9 pc">
  28.         {{ form_row(form.observacion) }}
  29.     </div>
  30.     <div class="col-md-3 pc">
  31.         <br>
  32.         <button type="button" class="btn btn-success" onclick="guardar_agenda_form()">{{ button_label|default('Guardar') }}</button>
  33.     </div>
  34. </div>    
  35. {{ form_end(form) }}
  36.     
  37.     
  38. {% endblock %}
  39. {% block javascripts %}
  40.     
  41.     <script type="text/javascript">    
  42.         $(document).ready(function() {
  43.             // you may need to change this code if you are not using Bootstrap Datepicker
  44.             //$('#agenda_inicio').val("2013-03-18T13:00");
  45.             $('.select2').select2({
  46.                 dropdownParent: $('#id_modal_agendar')
  47.             });
  48.             $('#agenda_inicio').val($('#inicio').val());
  49.             $('#agenda_fin').val($('#fin').val());
  50.             {% if paciente.seguro %}    
  51.                 //$('#agenda_seguro option[value={{paciente.seguro.id}}]').attr('selected','selected');
  52.             {% endif %}    
  53.             {% if sala.unidad %}
  54.                 /* $('#agenda_especialidad option[value={{sala.unidad.id}}]').attr('selected','selected');*/
  55.             {% endif %}       
  56.         });
  57.         function guardar_agenda_form(){
  58.                 // ✅ Validación HTML5 (muestra "Completa este campo")
  59.             const form = document.getElementById('agenda_new_form');
  60.             if (form && !form.checkValidity()) {
  61.                 form.reportValidity();
  62.                 return;
  63.             }
  64.             $.ajax({  
  65.                 url:        '{{path("agenda_new_modal_storage")}}',  
  66.                 type:       'POST', 
  67.                 data:       $('#agenda_new_form').serialize(),   
  68.                 //dataType:   'json',  
  69.                 async:      true,  
  70.                
  71.                 success: function(data, status) { 
  72.                    if(data.estado == 'ok'){          
  73.                         alert("Agenda Guardada con Exito");
  74.                         if(data.admision=='ok'){
  75.                             location.href = '{{ asset('index.php/agenda') }}/'+data.agenda+'/edit';
  76.                         }else{
  77.                             if({{app.session.get('tipo_cal')}} > 0){
  78.                                 location.href = '{{ path('agenda_calendar_unidad',{'id':app.session.get('tipo_cal')}) }}'; 
  79.                             }else{
  80.                                 location.href = '{{ path('agenda_calendar',{'id_sala':app.session.get('id_sala')}) }}';    
  81.                             }
  82.                                 
  83.                         }
  84.                    }else{
  85.                         alert(data.msn);
  86.                         if({{app.session.get('tipo_cal')}} > 0){
  87.                                 location.href = '{{ path('agenda_calendar_unidad',{'id':app.session.get('tipo_cal')}) }}'; 
  88.                         }else{
  89.                             location.href = '{{ path('agenda_calendar',{'id_sala':app.session.get('id_sala')}) }}';    
  90.                         }
  91.                    }
  92.                     
  93.                     
  94.                 },  
  95.                 error : function(xhr, textStatus, errorThrown) { 
  96.                     console.log(xhr);
  97.                     alert('Ajax request failed.');  
  98.                 }  
  99.             }); 
  100.         }
  101.         
  102.         $('#agenda_doctor').on('select2:select', function(e) {
  103.             let doctorId = $(this).val();
  104.         
  105.             if(!doctorId) return;
  106.         
  107.             $.ajax({
  108.                 url: '{{ asset('index.php/user/ajax/especialidad-doctor') }}/' + doctorId,
  109.                 type: 'GET',
  110.                 success: function(response) {
  111.                     if(response.success) {
  112.                         console.log(response);
  113.                         jqModern('#agenda_especialidad')
  114.                             .val(response.id)
  115.                             .trigger('change');
  116.                     }
  117.                 }
  118.             });
  119.         });
  120.     </script>    
  122. {% endblock %}