<div class="box box-info" >
    <div class="box-header">
        <h2 class="box-title" style="font-weight: bold;">
           Soporte de pago de la Cotización {{Cotizacion.cotizacionCONSECUTIVO}}
        </h2>
    </div>
    <div class="box-body"> 
        <form id="formSoporte-{{ hash_vista }}" enctype="multipart/form-data" method="post">
            <div class="box box-solid box-primary" style="text-align:center;">
                <div class="box-header">
                    <h2 class="box-title" style="font-weight: bold;">
                       Soporte de pago:
                    </h2>
                </div>
                <div class="box-body"> 
                    <input id="file-soportepagos" type="file" name="file-soportepagos" class="file" required multiple data-preview-file-type="any" data-upload-url="prueba()">
                </div>
            </div>
            <div class="box box-solid box-primary" style="text-align:center;">
                <div class="box-header">
                    <h2 class="box-title" style="font-weight: bold;">
                       Titulo del soporte de pago:
                    </h2>
                </div>
                <div class="box-body"> 
                    <div class="form-group">
                        <input type="text" class="form-control" name="tituloCotizacion" id="tituloCotizacion" placeholder="Titulo de la cotización" required style="height: 35px !important;">
                    </div>
                </div>
            </div>
            <div class="box box-solid box-primary" style="text-align:center;">
                <div class="box-header">
                    <h2 class="box-title" style="font-weight: bold;">
                      Descripción del soporte de pago:
                    </h2>
                </div>
                <div class="box-body"> 
                    <textarea class="descripcionCotizacion"  name="descripcionCotizacion" placeholder="Descripción de la cotización.." style="width: 100%; height: 200px; font-size: 14px; line-height: 18px;"></textarea>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align:right;">
                    <button class="btn btn-success pull-right" type="submit" style="margin-right: 5px;"><i class="fa fa-upload" aria-hidden="true"></i>  Cargar Soporte</button>
                </div>
            </div>
        </form>
    </div>
</div>


<script type="text/javascript">
    $('.descripcionCotizacion').wysihtml5();
    
    $("#file-soportepagos").fileinput();
    
    function prueba(){
    }
    
    $("#formSoporte-{{ hash_vista }}").submit(function (evt) {
        evt.preventDefault();
        var input = document.getElementById('file-soportepagos');
        var file = input.files[0];
        alert(file.name);
             ejecutarOperacion("ventas","Cotizaciones","cargarSoporte", $('#formSoporte-{{ hash_vista }}').serialize()+"&usuarioID="+"{{session.usuarioID}}"+"&soporte="+file,
             function (datos) {
                removeTab("mostrarnuevacotizacion");
             });
    });
    
</script>