<div class="modal fade" id="modal_de_cargar_documentaciones" tabindex="-1" aria-labelledby="modalDeCargarDocumentacionesLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text-center" id="modalDeCargarDocumentacionesLabel">
                    Cargar Documentación del producto: {{ $nombre_producto }}
                </h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="formulario_cargar_documentaciones">
                    @csrf
                    <input type="hidden" name="_id_producto" value="{{ $producto_id }}">
                    
                    <div class="mb-3">
                        <label for="_indicador_documentacion" class="form-label">Elegir tipo de documentación</label>
                        <select name="_indicador_documentacion" id="_indicador_documentacion" class="form-select">
                            <option selected>Elegir</option>
                            <option value="0">Comercial</option>
                            <option value="1">Técnica</option>
                        </select>
                    </div>
                    
                    <div class="mb-3">
                        <label for="_archivo" class="form-label">Archivo a cargar</label>
                        <input type="file" name="_archivo" id="_archivo" class="form-control" accept=".pdf">
                    </div>
                    
                    <div class="d-grid">
                        <button type="submit" class="btn btn-fidelitas">Cargar</button>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <h4 class="text-center text-danger" id="datos_invalidos" style="display:none;">Datos Inválidos, intente de nuevo</h4>
            </div>
        </div>
    </div>
</div>

<script src="{{ URL::asset('js/controlar_api/funciones.js') }}"></script>
<script>
    $(document).ready(function () {
        validar_archivo();
        mandar_formulario_cargar_documentacion();
    });
</script>
