@extends('layouts.app')

@section('title', 'Tools')

@section('content')
<style>
    .mes
    {
    color: #ed5565;
    list-style-type: none;
    }
</style>
    <div class="wrapper wrapper-content animated fadeInRight">
                <div class="row">
         
                    <div class="col-lg-6">
             
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>Importazione dei pdf  <small class="m-l-sm">genera</small></h5>
                                    <div class="ibox-tools">
                                        <a class="collapse-link">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                    
                                  
                                       
                                    </div>
                                </div>
                                <div class="ibox-content" id="carica">
                                <div class="sk-spinner sk-spinner-wave">
                                <div class="sk-rect1"></div>
                                <div class="sk-rect2"></div>
                                <div class="sk-rect3"></div>
                                <div class="sk-rect4"></div>
                                <div class="sk-rect5"></div>
                                </div>
                                    <h2>
                                        file .pdf input da gestionale<br>
                                    </h2>
                                    <p>
                                        per favore seleziona il file pdf per provvedere al caricamento dei contratti
                                      
                                    </p>
                                    <form  method="post" enctype="multipart/form-data">
                                        <input type="hidden" name="_token" value="{{ Session::token() }}" />
                                     <div class="fileinput fileinput-new input-group {{$errors->has('file')?'has-error':''}}" data-provides="fileinput">
                                        <div class="form-control" data-trigger="fileinput">
                                            <i class="glyphicon glyphicon-file fileinput-exists"></i>
                                            <span class="fileinput-filename"></span>
                                        </div>
                                        <span class="input-group-addon btn btn-primary btn-file" style="background:#1ab394!important;color:white;">
                                            <span class="fileinput-new">Seleziona file</span>
                                            <span class="fileinput-exists">cambia</span>
                                            <input type="file" id="file" name="file_contratti[]" accept="application/pdf" multiple />
                                        </span>
                                        <a href="#" class="input-group-addon btn btn-danger fileinput-exists" data-dismiss="fileinput">Cancella</a>
                                    </div>
                                 
                                         @if ($errors->has('file'))
                                           <span class="help-block">
                                                <label class="control-label" style="color:#ed5565">{{ $errors->first('file') }}</label>
                                            </span>
                                        @endif
                                        <div class="col-md-12">
                                              <button type="submit" class="btn btn-primary btn-lg center-block">Conferma</button>
                                        </div>
                                        <div class="clearfix"></div>
                                      
                                      
                                    </form>
                                </div>
                                <div class="ibox-footer">
                                   
                                  
                                </div>
                            </div>
                    
                        
                    </div>
                        <div class="col-lg-6">
                            
                            <div id="info" class="panel panel-info" style="min-height: 268px;">
                                        <div class="panel-heading">
                                            <i class="fa fa-info-circle"></i> Informazioni di importazione
                                        </div>
                                        <div class="panel-body">
                                            <p>Nessuna informazione da visualizzare al momento</p>
                                        </div>

                            </div>
                            
                        </div>
                    
@endsection 

@section('scripts')
<script>
    var table;
    var init=false;
 

$( document ).ready(function() {
   
   
    $('#file').on('change',function(e){
     e.stopPropagation();
     
     name=$.map(e.currentTarget.files, function(val) { return val.name; });
     console.log(e.currentTarget.files.length);

      $('.fileinput-filename').append("<span>Selezionati "+e.currentTarget.files.length+ " pdf da importare</span>");
       e.stopPropagation();
       e.preventDefault();
     });
        
        
 
  
      
   $('form').submit(function( event ) {
        event.preventDefault();
        var formData = new FormData($(this)[0]);
        $('#carica').toggleClass('sk-loading');
       $('#info').find('.panel-body').empty().append('<p>in caricamento.....</p>');
    
       
            
        
          $.ajax({
            url: window.location.pathname,
            type: 'POST',
            data: formData,
            dataType: "json",
            success: function (data) {
            
               $('#carica').toggleClass('sk-loading');
                $('#info').find('.panel-body').empty().append(" caricati "+data+" contratti");
                  toastr.success('modifiche salvate con successo');  
                  
               
            },
            error: function (jqXHR, textStatus, errorThrown) 
            {
                    $('#carica').toggleClass('sk-loading');
                console.log(jqXHR);
            },
            cache: false,
            contentType: false,
            processData: false
        });
        
    });
});

</script>

@endsection