templates/mantenimiento/pedido_reparacion/_form.html.twig line 1

Open in your IDE?
  1. {{ form_start(form, { 'attr' : { 'novalidate' : 'novalidate', 'enctype': 'multipart/form-data' }}) }}
  3.     {% set clas_dpto = dpto ? 'select-dpto' : '' %}
  5.     <div class="form-row pt-2">
  7.         <div class="col col-lg-2">
  8.             {{ form_label(form.fecha) }}
  9.             {{ form_widget(form.fecha, { 'attr' : { 'class' : 'form-control form-control inherit'} }) }}
  10.             {{ form_errors(form.fecha) }}
  11.         </div>
  12.         <div class="col col-lg-3">
  13.             {{ form_label(form.sector) }}
  14.             {{ form_widget(form.sector, { 'attr' : { 'class' : 'form-control form-control inherit form-select'} }) }}
  15.             {{ form_errors(form.sector) }}
  16.         </div>
  17.         <div class="col col-lg-3">
  18.             {{ form_label(form.equipo) }}
  19.             {{ form_widget(form.equipo, { 'attr' : { 'class' : 'form-control form-control inherit form-select'} }) }}
  20.             {{ form_errors(form.equipo) }}
  21.         </div>
  22.         <div class="col col-lg-2">
  23.             {{ form_label(form.departamento) }}
  24.             {{ form_widget(form.departamento, { 'attr' : { 'class' : clas_dpto ~ ' form-control form-control inherit form-select'} }) }}
  25.             {{ form_errors(form.departamento) }}
  26.         </div>
  27.         <div class="col col-lg-2">
  28.             {{ form_label(form.tipo) }}
  29.             {{ form_widget(form.tipo, { 'attr' : { 'class' : 'form-control form-control inherit form-select'} }) }}
  30.             {{ form_errors(form.tipo) }}
  31.         </div>
  32.     </div>
  33.     <div class="form-row pt-2">
  34.         <div class="col col-lg-5">
  35.             {{ form_label(form.solicitante) }}
  36.             {{ form_widget(form.solicitante, { 'attr' : { 'class' : 'form-control form-select inherit'} }) }}
  37.             {{ form_errors(form.solicitante) }}
  38.         </div>
  39.     </div>
  41.     <div class="form-row pt-2">
  42.         <div class="col col-lg-12">
  43.             {{ form_label(form.detalle) }}
  44.             {{ form_widget(form.detalle, { 'attr' : { 'class' : 'form-control form-control inherit'} }) }}
  45.             {{ form_errors(form.detalle) }}
  46.         </div>
  47.     </div>
  48.     
  49.     {# ðŸ’¡ Renderizado del campo de archivo de imagen #}
  50.     <div class="form-row pt-2">
  51.         <div class="col col-lg-6">
  52.             {{ form_label(form.archivoImagen) }}
  53.             {{ form_widget(form.archivoImagen, { 'attr' : { 'class' : 'form-control-file'} }) }}
  54.             {{ form_errors(form.archivoImagen) }}
  55.         </div>
  56.     </div> 
  58.     {% set nombreArchivo = pedido_reparacion.nombreArchivoImagen %}
  59.     {% set rutaBase = '/uploads/images/pedidos/' %}
  61.         {% if nombreArchivo %}
  62.             <div class="p-2 mt-2 border rounded bg-light">
  63.                 <p>Imagen actual:</p>
  64.                 <img src="{{ asset(rutaBase ~ nombreArchivo) }}" 
  65.                         alt="Imagen Actual del Pedido" 
  66.                         style="max-width: 100%; max-height: 200px; display: block;"/>
  67.                 
  68.                 {# Opcional: Opción para borrar la imagen actual (requiere lógica de controlador) #}
  69.                 <small class="text-muted">Sube un nuevo archivo para reemplazarla.</small>
  70.             </div>
  71.         {% endif %}
  73.             <div class="form-row pt-2">
  74.                 <div class="col col-lg-6">
  75.                     <img id="preview-imagen" src="" alt="Vista previa de la imagen" style="max-width: 100%; max-height: 200px; display: none; border: 1px solid #ccc;"/>
  76.                 </div>
  77.             </div>
  78.     {# ------------------------------------------ #}
  80.     <div class="form-row pt-2">
  82.         {% if not pedido_reparacion.realizada or app.user.id in [1, 11] %}
  83.             <div class="col col-lg-2">
  84.                 <input type="submit" value="Guardar" class="btn btn-success"/>
  85.             </div>
  86.         {% endif %}
  87.         <div class="col col-lg-4">
  88.             <a href="{{ path('app_mantenimiento_pedido_reparacion_index') }}" class="btn btn-sm btn-warning"><< Volver a la lista</a>
  89.         </div>
  90.     </div>
  91. {{ form_end(form) }}