@extends('template.template')

@section('scriptsHeader')

<link rel="stylesheet" href="{!! asset("libs/css/select2.css")!!}" media="screen">
<meta name="csrf-token" content="{{ csrf_token() }}" />
@stop


@section('conteudoPagina')


<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <div class="panel panel-default panel-table">
      <div class="panel-heading">
        <div class="row">
          <div class="col col-xs-6">
                      <h3 class="panel-title">Listagem</h3>
                  </div>
                  <div class="col col-xs-6 text-right">
                      <button type="button" class="btn btn-sm btn-primary" onclick="exportProcessos();">
                        <span class="glyphicon glyphicon-export"></span>
                      </button>
                  </div>
              </div>
      </div>
      <div class="panel-body">
        <div class="table-responsive">
          <form role="search" method="GET" class="tableSearch">
            <div class="form-group">
                  <div class="input-group">
                        <!-- USE TWITTER TYPEAHEAD JSON WITH API TO SEARCH -->
                          <input required="" placeholder="Pesquisar" name="q" id="system-search" class="form-control">
                          <span class="input-group-btn">
                              <button class="btn btn-success" type="submit"><i class="glyphicon glyphicon-search"></i> Pesquisar</button>
                          </span>
                      </div>
                  </div>
            <!-- <div class="form-group">
              <input type="text" placeholder="Search" class="form-control" name="q">
            </div>
            <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button> -->
          </form>
              <table id="mytable" class="table table-striped table-bordered dataTable">
                  <thead id="headerTable">
                      <tr>
                        <th><input type="checkbox" name= "processosbox" id="checkall" /></th>
                          <th class="sorting_asc"><a href="{{ URL::action('ProcessosController@index', ['numProcessosPerPage' => $numProcessosPerPage, 'ordenacao' => 'tipoProcesso', 'by' => $byLink] ) }}">Tipo Processo</a></th>
                          <th class="sorting_desc"><a href="{{ URL::action('ProcessosController@index', ['numProcessosPerPage' => $numProcessosPerPage, 'ordenacao' => 'descricaoTipoProcesso', 'by' => $byLink] ) }}">Descrição Processo</a></th>
                          <th class="sorting"><a href="{{ URL::action('ProcessosController@index', ['numProcessosPerPage' => $numProcessosPerPage, 'ordenacao' => 'nrProcessoJudicial', 'by' => $byLink] ) }}">Número Processo Judicial</a></th>
                          <th class="sorting"><a href="{{ URL::action('ProcessosController@index', ['numProcessosPerPage' => $numProcessosPerPage, 'ordenacao' => 'estadoProcesso', 'by' => $byLink] ) }}">Estado Processo</a></th>
                          <th class="sorting"><a href="{{ URL::action('ProcessosController@index', ['numProcessosPerPage' => $numProcessosPerPage, 'ordenacao' => 'dataInicioProcesso', 'by' => $byLink] ) }}">Data Início</a></th>
                          <th class="sorting"><a href="{{ URL::action('ProcessosController@index', ['numProcessosPerPage' => $numProcessosPerPage, 'ordenacao' => 'dataConclusao', 'by' => $byLink] ) }}">Data Fim</a></th>
                          <th>Acções</th>
                      </tr>
                  </thead>
                  <tbody>

                          
                            <tr>
                              <td colspan="7">
                                <div class="row">
                                  <div class="col-xs-4">
                                    <div class="form-group">
                                                    <label>Visualizar</label>
                                                    <select class="form-control input-sm showEntries" id="nrPerPage">
                                                      <option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option>                                                    </select>
                                                </div>
                                  </div>
                                          {{ $processos->appends(['numProcessosPerPage' => $numProcessosPerPage, 'ordenacao' => $ordenacao, 'by' => $by  ])->links() }}
                                        
                          <!--
                            <div class="col-xs-4 center">Page 1 of 5</div>
                            <div class="col-xs-4 tablePagination">
                                <ul class="pagination hidden-xs pull-right">
                                    <li class="active"><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                </ul>
                                <ul class="pagination visible-xs pull-right">
                                    <li><a href="#">Anterior</a></li>
                                    <li><a href="#">Seguinte</a></li>
                                </ul>
                            </div>
                          -->
                        </div>
                </td>
                      </tr>
                  </tbody>
              </table>
            </div><!-- table-responsive -->
      </div>
      <!--<div class="panel-footer right"> -->
        <!-- <button data-target="#edit" data-toggle="modal" data-title="Edit" class="btn btn-danger btn-sm pull-left" onclick="eliminaSeleccionados();"><span class="glyphicon glyphicon-trash"></span> Eliminar</button> -->
        <!--<button data-target="#edit" data-toggle="modal" data-title="Edit" class="btn btn-default btn-sm"> Cancelar</button>
        <button data-target="#edit" data-toggle="modal" data-title="Edit" class="btn btn-success btn-sm"> Guardar</button>-->
      <!-- </div> -->
    </div>
  </div>

@stop


@section('scriptsFooter')
<script src="{!! asset("libs/js/jquery-2.1.1.min.js") !!}"></script>
<script src="{!! asset("libs/js/tether.js") !!}"></script>
<script src="{!! asset("libs/js/bootstrap.min.js") !!}"></script>
<script src="{!! asset("libs/js/jquery-ui.js") !!}"></script>
<script src="{!! asset("libs/js/autoNumeric-2.0.js") !!}" type="text/javascript"></script>
<script src="{!! asset("libs/js/select2.full.js") !!}" type="text/javascript"></script>
<script src="{!! asset("libs/js/chosen.jquery.min.js") !!}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
<script>
  $(document).ready(function(){
    
    $(function () {
  $('[data-toggle="popover"]').popover()
})
    

$('#nrPerPage').change(function() {
    if ($(this).val() === '10') {
        window.location.href = "{{ URL::action('ProcessosController@index', ['numProcessosPerPage' => 10 ] ) }}"
    }
    if ($(this).val() === '25') {
        window.location.href = "{{ URL::action('ProcessosController@index', ['numProcessosPerPage' => 25 ])  }}"
    }
    if ($(this).val() === '50') {
        window.location.href = "{{ URL::action('ProcessosController@index', ['numProcessosPerPage' => 50 ]) }}"
    }
    if ($(this).val() === '100') {
        window.location.href = "{{ URL::action('ProcessosController@index', ['numProcessosPerPage' => 100 ])  }}"
    }
});

    var dataInicioProcesso = $('input[name="dataInicioProcesso"]');
    var dataGarantias = $('input[name="dataGarantias"]'); //our date input has the name "date"
    var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
    dataGarantias.datepicker({
      format: 'dd/mm/yyyy',
      container: container,
      todayHighlight: true,
      autoclose: true,
    });
    dataInicioProcesso.datepicker({
      format: 'dd/mm/yyyy',
      container: container,
      todayHighlight: true,
      autoclose: true,
    })
  })
</script>


<script>
  //$(document).ready(function(){
    // Chosen Select
    //$(".entidades").chosen({'width':'100%','white-space':'nowrap'});
    //});
</script>





<script>
$(document).ready(function(){
   $('.valor').autoNumeric("init", {
        unSetOnSubmit: true,
        aSep: '.',
        aDec: ',', 
    });

$('table').on('click','.btn-delete',function() {
        tableID = '#' + $(this).closest('table').attr('id');
        
        r = confirm('Deseja mesmo eliminar este processo?');
        var sucesso;
        if(r) {
            $(this).closest('tr').remove();
            //alert(this.id);
            //Enviar por ajax pedido de desactivação processo:
             
             $.ajaxSetup({
                headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                } 
             });

             var url = 'deleteProcessos'; 
        

             var data = {
                  idProcesso: this.id,  
             };

            $.ajax({
                url: url,
                type: 'POST',
                data: data,
                dataType: 'JSON',
                success: function (data) {
                    
                },
                error:function(data){
                    sucesso = 0;
                }
            });
            
      }
    });



$(".chose-users ").select2();

//alert("Selected value is: "+$(".leaderMultiSelctdropdown").select2("val"));

$(".entidades").select2({
  ajax: {
    url: 'entidadesRegistadas',
    headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
    type: 'POST',
    dataType: 'json',
    delay: 250,
    data: function (params) {
      return {
        pesquisa: params.term,
      };
    },
    processResults: function (data, params) {
        //idPropertyName: 'idEntidade',
        //textPropertyName: 'nome',
        return {
                  results: data
              };
    },
    cache: true
  },
  escapeMarkup: function (markup) { return markup; }, 
  minimumInputLength: 1,
  templateResult: formatRepo,
  templateSelection: formatRepoSelection
  
});


});

//Acção do checkall da caixa topo:
$("#checkall").click(function () {
     $('input:checkbox').not(this).prop('checked', this.checked);
 });


//Função de eliminação apresentada pelo botão geral Eliminar dos processos seleccionados:
function eliminaSeleccionados(){
  //$('input[name="processosbox"]:checked');
  var todos = [];
  var i = 0;
  $('input[name="processosbox"]:checked').each(function() {
    todos[i]=this.value;
    i++;
  });

 $.ajaxSetup({
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    } 
 });

 var url = 'deleteProcessos'; 


 var data = {
      idProcessos: todos,  
 };

  $.ajax({
    url: url,
    type: 'POST',
    data: data,
    dataType: 'JSON',
    success: function (data) {
        //Fazer foreach para eliminar todos os processos:
        todos.forEach(function(entry) {
          console.log(entry);
          $("#mytable tbody #"+entry).remove();
        
        });
        console.log("OK...");
    },
    error:function(data){
        console.log("Not Ok...");
    }
  });

}


//Função de export dos processos seleccionados naa selectedbox:

function exportProcessos(){
    console.log("Passei aqui....");
    var date = new Date();
    var mm=date.getMonth()+1;
    var dd=date.getDate();
    var yy=date.getFullYear();
    var timeStamp=yy+""+((mm<10)?"0"+mm:mm)+""+((dd<10)?"0"+dd:dd);
    var fileName=timeStamp+'_processos';
    console.log(fileName);
    var todos = [];
    var i = 0;
    $('input[name="processosbox"]:checked').each(function() {
       todos[i]=this.value;
       i++;
    });

    console.log(todos);

    $.ajaxSetup({
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
    } 
    });

    var url = 'exportProcessos'; 


    var data = {
        idProcessos: todos,
        nomeFicheiro: fileName,
        type: "csv",
    };

    $.ajax({
      type: 'POST',
      cache: false,
      url: url,  
      responseType: 'ArrayBuffer', 
      data:  data, 
      success: function (data, textStatus, request) {

      
      if(jQuery.isPlainObject(data)) {
          data = data; //because my return data have a 'data' parameter with the content
      }

      var filename = "";
       var disposition = request.getResponseHeader('Content-Disposition');
        if (disposition && disposition.indexOf('attachment') !== -1) {
          var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
          var matches = filenameRegex.exec(disposition);
          if (matches != null && matches[1]) filename = matches[1].replace(/['"]/g, '');
        }
        if(!jQuery.isPlainObject(data)) { //is CSV - we use blob
           var type = request.getResponseHeader('Content-Type');
           var blob = new Blob([data], { type: type ,endings:'native'});
           var URL = window.URL || window.webkitURL;
           var downloadUrl = URL.createObjectURL(blob);
        }
        var a = document.createElement("a");
        a.href = jQuery.isPlainObject(data) ? data.file : downloadUrl; 
        a.download = jQuery.isPlainObject(data) ? data.filename : filename;
        document.body.appendChild(a);
        a.click();
        a.remove();
        todos.forEach(function(entry) {
            console.log(entry);
            $("#mytable tbody #"+entry).remove();
          });
      },
      error: function (ajaxContext) {
        toastr.error('Export error: '+ajaxContext.responseText);
      }
    });

       
}
    


  //alert("Selected value is: "+$(".chose-users").select2("val"));

function formatRepo (repo) {
    if (repo.loading) return repo.nome;

    var markup = '<div class="clearfix">' +
                    '<div class="col-sm-6">' + repo.text + '</div>' +
                    '<div class="col-sm-6">' + repo.descricaoConcelho + '</div>' +
                  '</div>';

    
    markup += '</div></div>';

    return markup;
  }

  function formatRepoSelection (repo) {
    return repo.text;
  }

</script>
@stop