templates/callcenter/_cliente.html.twig line 1

Open in your IDE?
  1. {# <div class="border border-secundary rounded bg-white p-3"> #}
  2. <div class="border border-secundary bg-white p-3">
  3.     {{ form_start(form) }}
  4.     {{ form_row(form._token) }}
  5.     {{ form_errors(form) }}
  6.     <div class="row g-3">
  7.         <div class="col-sm-6">
  8.             {# {% if form.facturaelectronica is defined %}
  9.                 <div class="form-check">
  10.                     {{ form_widget(form.facturaelectronica, {'attr': {'class': 'form-check-input'}}) }}
  11.                     <label class="form-check-label" for="flexCheckDefault">
  12.                         Factura Electrónica
  13.                     </label>
  14.                 </div>
  15.             {% endif %} #}
  16.         </div>
  17.         <div class="col-sm-6">
  18.             <div class="input-group flex-row-reverse">
  19.                 <div class="btn-group btn-group-sm" role="group" aria-label="Basic radio toggle button group">
  20.                     {{ form_widget(form.tipodeservicio[0], {'attr': {'class': 'btn-check',
  21.                                                             'data-action':'hello#tipodeservicio',
  22.                                                             'data-bs-toggle':'collapse',
  23.                                                             'data-bs-target':'.multi-collapse.show'
  24.                                                             }}) }}
  25.                     {{ form_label(form.tipodeservicio[0], null, {'label_attr': {'class': 'btn btn-outline-primary'}}) }}
  26.                     {{ form_widget(form.tipodeservicio[1], {'attr': {'class': 'btn-check',
  27.                                                             'data-action':'hello#tipodeservicio',
  28.                                                             'data-bs-toggle':'collapse',
  29.                                                             'data-bs-target':'.multi-collapse:not(.show)'
  30.                                                             }}) }}
  31.                     {{ form_label(form.tipodeservicio[1], null, {'label_attr': {'class': 'btn btn-outline-primary'}}) }}
  32.                     {{ form_widget(form.tipodeservicio[2], {'attr': {'class': 'btn-check',
  33.                                                             'data-action':'hello#tipodeservicio',
  34.                                                             'data-bs-toggle':'collapse',
  35.                                                             'data-bs-target':'.multi-collapse:not(.show)'
  36.                                                             }}) }}
  37.                     {{ form_label(form.tipodeservicio[2], null, {'label_attr': {'class': 'btn btn-outline-primary'}}) }}
  38.                 </div>
  39.             </div>
  40.         </div>
  41.         <div class="col-sm-4">
  42.             {{ form_widget(form.nombres, {'attr': {'class': 'form-control form-control-sm', 'placeholder': 'Nombres'}}) }}
  43.         </div>
  44.         <div class="col-sm-4">
  45.             {{ form_widget(form.apellidos, {'attr': {'class': 'form-control form-control-sm', 'placeholder': 'Apellidos'}}) }}
  46.         </div>
  47.         <div class="col-sm-4">
  48.             {# {{ form_widget(form.telefonocliente, {'attr': {'class': 'form-control form-control-sm', 'placeholder': 'Telefono'}}) }} #}
  49.             {# Añadir la clase 'is-invalid' si hay errores #}
  50.             {{ form_widget(form.telefonocliente, {'attr': {'class': 'form-control form-control-sm' ~ (form.telefonocliente.vars.errors|length > 0 ? ' is-invalid' : ''), 'placeholder': 'Telefono'}}) }}
  52.             {% if form.telefonocliente.vars.errors|length > 0 %}
  53.                 <div class="invalid-feedback d-block">
  54.                     {% for error in form.telefonocliente.vars.errors %}
  55.                         <p>{{ error.message }}</p>
  56.                     {% endfor %}
  57.                 </div>
  58.             {% endif %}
  59.         </div>
  60.         <div class="col-sm-8">
  61.             {{ form_widget(form.emailcliente, {'attr': {'class': 'form-control form-control-sm', 'placeholder': 'Email'}}) }}
  62.         </div>
  63.         <div class="col-sm-4">
  64.             {{ form_widget(form.nifcliente, {'attr': {'class': 'form-control form-control-sm' ~ (form.nifcliente.vars.errors|length > 0 ? ' is-invalid' : ''), 'placeholder': 'Cédula'}}) }}
  66.             {% if form.nifcliente.vars.errors|length > 0 %}
  67.                 <div class="invalid-feedback d-block">
  68.                     {% for error in form.nifcliente.vars.errors %}
  69.                         <p>{{ error.message }}</p>
  70.                     {% endfor %}
  71.                 </div>
  72.             {% endif %}
  73.         </div>
  74.         <div class="col-sm-12 multi-collapse collapse" id="fechareserva">
  75.             <div class="row">
  76.                 <div class="col-sm-5">Fecha y Hora</div>
  77.                 <div class="col-sm-3">
  78.                     <div class="input-group">
  79.                         {{ form_widget(form.fechareserva.date, {'attr': {'class': 'form-control form-control-sm',
  80.                                             'data-hello-target': 'reservafecha' }, 'disabled': 'disabled'}) }}
  81.                     </div>
  82.                 </div>
  83.                 <div
  84.                     class="col-sm-4">
  85.                     {#{ form_label(form.fechareserva.time, 'Hora', {'label_attr': {'class': 'form-label'}}) }#}
  86.                     {% set foo = "" %}
  87.                     {% if not form.vars.valid %}
  88.                         {% set foo = ' is-invalid'%}
  89.                     {% endif %}
  90.                     <div class="input-group">
  91.                         {{ form_widget(form.fechareserva.time.hour, {'attr': {'class': 'form-select form-select-sm',
  92.                                             'data-hello-target': 'reservahora' }, 'disabled': 'disabled'}) }}
  93.                         {{ form_widget(form.fechareserva.time.minute, {'attr': {'class': 'form-select form-select-sm',
  94.                                             'data-hello-target': 'reservaminuto' }, 'disabled': 'disabled'}) }}
  95.                     </div>
  96.                 </div>
  97.                 {# {{ form_errors(form.fechareserva) }} #}
  98.                 <div class="invalid-feedbacks">
  99.                     <small class="text-danger">
  100.                         <strong>{{ form_errors(form.fechareserva) }}</strong>
  101.                     </small>
  102.                 </div>
  103.             </div>
  104.         </div>
  105.         <div class="col-12">
  106.             {{ form_label(form.direccioncliente, 'Dirección', {'label_attr': {'class': 'form-label'}}) }}
  107.             <div class="input-group">
  108.                 {{ form_widget(form.direccioncliente, {'attr': {'class': 'form-control form-control-sm',
  109.                                                                 'data-hello-target': 'addr',
  110.                                                                                                                                 'data-action': 'input->hello#limitInput',
  111.                                                                                                                                 'data-input-target': 'observaciones',
  112.                                                                                                                                 'data-max-length': '50'
  113.                 }}) }}
  114.                 <button class="btn btn-secondary btn-sm" type="button" id="button-addon">Localizar</button>
  115.             </div>
  116.         </div>
  117.         <div class="col-12">
  118.             {{ form_label(form.direccion2cliente, 'Observaciones', {'label_attr': {'class': 'form-label'}}) }}
  119.             {{ form_widget(form.direccion2cliente, {'attr': {'class': 'form-control',
  120.                                                                                                                                 'data-hello-target': 'complemento',
  121.                                                                                                                                 'placeholder': 'Conjunto, torre, Apartamento...' ,
  122.                                                                                                                                 'data-action': 'input->hello#limitInput',
  123.                                                                                                                                 'data-input-target': 'observaciones',
  124.                                                                                                                                 'data-max-length': '55'
  125.             }}) }}
  126.         </div>
  127.         {% if cliente is not empty %}
  128.             {% if cliente.es_cliente_bitcubo is defined %}
  129.                 <div class="col-sm-12">
  130.                     <p>Otras direcciones</p>
  131.                     <div class="list-group" id="address">
  132.                     {% for direccion in cliente.direcciones_bitcubo %}
  133.                         {% if direccion.direccion|length > 7 %}
  134.                             <button
  135.                                 type="button"
  136.                                 class="list-group-item list-group-item-action btn-sm list-group-item-dark"
  137.                                 data-action="hello#select"
  138.                                 data-direccion="{{ direccion.direccion|e('html_attr') }}"
  139.                             data-complemento="{{ direccion.complemento|e('html_attr') }}"
  140.                             >
  141.                                 {{ direccion.direccion }} <span><small>{{ direccion.complemento }}</small></span>
  142.                             </button>
  143.                         {% endif %}
  144.                     {% endfor %}
  145.                     </div>
  146.                 </div>
  147.             {% else %}
  148.                 {% if cliente is defined and 'direcciones' in cliente %}
  149.                     <div class="col-sm-12">
  150.                         <p>Otras direcciones</p>
  151.                         <div class="list-group" id="address">
  152.                                 {# {% if cliente|length > 7 %}
  153.                                     <button type="button" class="list-group-item list-group-item-action btn-sm list-group-item-secondary active" data-action="hello#select">
  154.                                         {{ cliente }}
  155.                                     </button>
  156.                                 {% endif %} #}
  157.                             {% for direccion in cliente.direcciones %}
  158.                                 {% if direccion.direccion1|length > 7 %}
  159.                                     <button
  160.                                         type="button"
  161.                                         class="list-group-item list-group-item-action btn-sm list-group-item-dark"
  162.                                         data-action="hello#select"
  163.                                         data-direccion="{{ direccion.direccion1|e('html_attr') }}"
  164.                                     data-complemento="{{ direccion.direccion2|e('html_attr') }}"
  165.                                     >
  166.                                             {{ direccion.direccion1 }} <span><small>{{ direccion.direccion2 }}</small></span>
  167.                                     </button>
  168.                                 {% endif %}
  170.                                 {# {% if item.direcciondelaotratabla is defined %}
  171.                                     {% if item.direcciondelaotratabla|length > 7 %}
  172.                                         <button type="button" class="list-group-item list-group-item-action btn-sm list-group-item-dark" data-action="hello#select">{{ item.direcciondelaotratabla }}</button>
  173.                                     {% endif %}
  174.                                 {% endif %} #}
  175.                             {% endfor %}
  176.                         </div>
  177.                     </div>
  178.                 {% endif %}
  179.             {% endif %}
  180.         {% endif %}
  182.         <hr/>
  183.         <h5>Datos de envío</h5>
  184.         <div class="col-sm-6">
  185.             {{ form_widget(form.nombre_receptor, {'attr': {'class': 'form-control form-control-sm',
  186.                                                             'placeholder': 'Nombre del que recibe',
  187.                                                             'data-action': 'input->hello#limitInput',
  188.                                                             'data-input-target': 'nombrereceptor',
  189.                                                             'data-max-length': '26'
  190.                                                         }}) }}
  191.         </div>
  192.         <div class="col-sm-6">
  193.             {{ form_widget(form.telefono_receptor, {'attr': {'class': 'form-control form-control-sm',
  194.                                                             'placeholder': 'Telefono del que recibe',
  195.                                                             'data-action': 'input->hello#limitInput',
  196.                                                             'data-input-target': 'telefonoreceptor',
  197.                                                             'data-max-length': '10'
  198.                                                         }}) }}
  199.         </div>
  200.         {# <div class="col-12">
  201.             {{ form_widget(form.observaciones_receptor, {'attr': {'class': 'form-control form-control-sm',
  202.                                                                 'placeholder': 'Observaciones',
  203.                                                                 'data-action': 'input->hello#limitInput',
  204.                                                                 'data-input-target': 'observacionesreceptor',
  205.                                                                 'data-max-length': '135'
  206.                                                         }}) }}
  207.         </div> #}
  208.     </div>
  209.     <hr/>
  210.     {{ form_widget(form.sucursal) }}
  211.     {{ form_widget(form.save, {'attr': {'class': 'w-100 btn btn-primary btn-lg disabled'}}) }}
  212.     {{ form_end(form) }}
  213. </div>