<div>
  <button class="btn btn-primary w-100 mt-3" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMaterial" aria-expanded="false" aria-controls="collapseMaterial">
    <i class="fas fa-taxi me-2"></i> Nuevo Material Pendiente
  </button>
</div>

<div class="collapse mt-3" id="collapseMaterial">
  <form method="post" enctype="multipart/form-data" class="form mt-2" id="formWizard">
    <input type="hidden" name="action" value="guardarMaterialPte"/>
    {{ formToken() }}

    <div class="mb-3">
      <label for="cantidad" class="form-label">Cantidad</label>
      <input type="number" class="form-control" id="cantidad" name="cantidad" required>
    </div>

    <div class="mb-3">
      <label for="descripcion" class="form-label">Descripción</label>
      <input type="text" class="form-control" id="descripcion" name="descripcion" required>
    </div>

      {% if settings('partes', 'imagenes') == '1' %}
    <div class="mb-3 text-center">
      <input onchange="mostrarImagenes(this, 1212)" type="file" id="archivos1212{{materialPte.id}}" name="imagenesIncidencia[]" multiple style="display: none;">
      <button type="button" class="btn btn-outline-info" data-bs-toggle="modal" data-bs-target="#modalCamara1212">
        <i class="fas fa-camera"></i> Agregar Imagen
      </button>
    </div>
    {% endif %}

    <div class="d-grid mt-4">
      <button type="submit" class="btn btn-primary">
        <i class="fas fa-plus me-2"></i>Pedir Material
      </button>
    </div>
  </form>
</div>



{% if settings('partes', 'imagenes') == '1' %}
<div id="modalContainer1212"></div>
<script>
  imprimirModalCamara(1212)

  $(document).ready(function() {
    $('#modalCamara1212').on('hidden.bs.modal', function (e) {
      guardarImagenMaterial(1212, 1)
    });
  });

</script>
{% endif %}
