@extends('template.template')

@section('scriptsHeader')

<link rel="stylesheet" href="{!! asset("libs/css/select2.css")!!}" media="screen">
<link href="{!! asset("libs/font-awesome/css/font-awesome.css")!!}" rel="stylesheet">
<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="exportEntidades();">
                        <span class="glyphicon glyphicon-export"></span>
                      </button>
                  </div>
              </div>
      </div>
      <div class="panel-body">
        <div class="row">
          <form role="search" method="GET" class="tableSearch">

            <div class="form-group col col-xs-4">  
              <input  placeholder="Pesquisar" name="pesquisa" id="pesquisa" class="form-control" value="">             
            </div>
                
            <div class="form-group col col-xs-2">
                <select id="estadoEntidade" name="estadoEntidade" class="form-control">

                  <option value="2">Estado Entidade</option><option value="1">Activos</option><option selected value="0">Inactivos</option>                </select>
            </div>

            <div class="form-group col col-xs-2">
                <select id="tipoEntidade" name="tipoEntidade" class="form-control">
                                      <option selected value="">Tipo Entidade</option>
                                    
                                  </select>
            </div>

            <div class="form-group col col-xs-2">
                <select id="empresaAssociada" name="empresaAssociada" class="form-control">
                                      <option selected value="">Empresa Associada</option>
                                    
                                  </select>
            </div>


            <div class="form-group col col-xs-2">
                <button class="btn btn-md btn-success" type="submit"><i class="glyphicon glyphicon-search"></i> Pesquisar</button>
            </div>
                  
            </div>
            <!-- <div class="form-group">
              <input type="text" placeholder="Search" class="form-control" name="q">
            </div>
            class="input-group">
            <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button> -->
          </form>
                            </div>
               </div><!-- table-responsive -->
                <div class="alert alert-warning">
                  <strong>Nenhum registo!</strong> Não foi encontrado nenhum registo de acordo com a sua pesquisa...
                </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>
  var estadoEntidades =   
  $(document).ready(function(){
    
    $(function () {
  $('[data-toggle="popover"]').popover()
})
    

$('#nrPerPage').change(function() {
    if ($(this).val() === '10') {     
        var link = "{{ URL::action('EntidadesController@index', ['numEntidadesPerPage' => 10, 'estadoEntidade' => $validadeEntidades , 'pesquisa' => $pesquisa, 'tipoEntidade' => $tipoEntidade, 'empresaAssociada' => $empresaAssociada] ) }}";
        
        //link.replace(/&amp;/g, '&');
        link = link.replace("amp;","");
        link = link.replace("amp;","");
        link = link.replace("amp;","");
        window.location.href = link.replace("amp;","");
        
    }
    if ($(this).val() === '25') {
         var link = "{{ URL::action('EntidadesController@index', ['numEntidadesPerPage' => 25, 'estadoEntidade' => $validadeEntidades , 'pesquisa' => $pesquisa, 'tipoEntidade' => $tipoEntidade, 'empresaAssociada' => $empresaAssociada ] ) }}";
          link = link.replace("amp;","");
          link = link.replace("amp;","");
          link = link.replace("amp;","");
          window.location.href = link.replace("amp;","");
    }
    if ($(this).val() === '50') {
        var link = "{{ URL::action('EntidadesController@index', ['numEntidadesPerPage' => 50, 'estadoEntidade' => $validadeEntidades, 'pesquisa' => $pesquisa , 'tipoEntidade' => $tipoEntidade, 'empresaAssociada' => $empresaAssociada ] ) }}";
         link = link.replace("amp;","");
         link = link.replace("amp;","");
         link = link.replace("amp;","");
         window.location.href = link.replace("amp;","");
    }
    if ($(this).val() === '100') {
        var link  = "{{ URL::action('EntidadesController@index', ['numEntidadesPerPage' => 100, 'estadoEntidade' => $validadeEntidades, 'pesquisa' => $pesquisa , 'tipoEntidade' => $tipoEntidade, 'empresaAssociada' => $empresaAssociada ] ) }}";
         link = link.replace("amp;","");
         link = link.replace("amp;","");
         link = link.replace("amp;","");
         window.location.href = link.replace("amp;","");
    }
});

    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>

  function eliminaEntidade(idEntidade, numProcessosPorConcluir){

    if(numProcessosPorConcluir==0){  //Pré verificação -> no servidor tb verifica; (aumenta nivel segurança)
        r = confirm('Deseja mesmo eliminar esta empresa?');
        var sucesso;
        if(r) {
          $.ajaxSetup({
            headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            } 
          });

         var url = 'deleteEntidade'; 


         var data = {
              idEntidade: idEntidade,  
         };

          $.ajax({
            url: url,
            type: 'POST',
            data: data,
            dataType: 'JSON',
            success: function (data) {
                $("#mytable tbody #"+idEntidade).remove();
                console.log("OK...");
                if(data==1)
                  alert('Entidade eliminada com sucesso!');
                else alert('Não poderá eliminar esta entidade. Existem processos associados a esta entidade por concluir neste momento!');
            },
            error:function(data){
                console.log("Not Ok...");
                alert('Não poderá eliminar esta entidade. Existem processos associados a esta entidade por concluir neste momento!');
            }
        });
        }

  }

  else{
    alert('Não poderá eliminar esta entidade. Existem '+numProcessosPorConcluir+' processos associados a esta entidade por concluir neste momento!');
  }


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





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




$(".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="entidadesbox"]:checked');
  var todos = [];
  var i = 0;
  $('input[name="entidadesbox"]: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 exportEntidades(){
    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+'_entidades';
    console.log(fileName);
    var todos = [];
    var i = 0;
    $('input[name="entidadesbox"]:checked').each(function() {
       todos[i]=this.value;
       i++;
    });

    console.log(todos);

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

    var url = 'exportEntidades'; 


    var data = {
        idUtilizadores: 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();
        

      },
      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