<div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-files modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Subir archivos</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="response-files"></div>
        <form action="{{ url('filescontable') }}" id="form_files_update" method="POST" onsubmit="submitFile(this); return false" enctype="multipart/form-data">
          @csrf
          <input type="hidden" name="action" value="updateFile">
          <input type="hidden" name="id_file" value="{{ $data->id }}">
          <div class="row justify-content-center">
            <div class="col-4">
              <label for=""><b>{{ $data->tipe_archivo }} de la compra</b></label>
              <input  name="file[]" type="file" id="file_edit" class="file" multiple 
                  data-show-upload="false" data-show-caption="true" data-msg-placeholder="Select {files} for upload..." >            
            </div>
          </div>
          <div class="row mt-2">
            <div class="col-12 text-center">
              <button class="btn btn-warning"><i class="icon-rotate-cw2 "></i> Actualizar</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<?php $carpeta = explode('/', $data->nombre_archivo); ?>
<?php $tipe = ($data->tipe_archivo == 'pdf' OR $data->tipe_archivo == 'xls') ? 'Archivo de tipo file'.$data->tipe_archivo : $data->tipe_archivo; ?>
<script>
  var url = "{{ asset('storage/'.$data->nombre_archivo) }}";
  $("#file_edit").fileinput({
    initialPreview: url,
    initialPreviewAsData: true,
    initialPreviewConfig: [
        {caption: "{{$tipe}}", downloadUrl: true, key: 1},
    ],
    overwriteInitial: true,
    showUpload: false,
    deleteUrl:url ,
    ajaxDeleteSettings: { method: "DELETE" },
    initialCaption: ''
  }).on('filepredelete', function (event, data) {

  });
</script>