@extends('template.template')

@section('scriptsHeader')

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


<style>
.required {
    background-color: green;
  }
}


</style>
@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">

      <div id="alertaGravacao">
      </div>

      <div class="panel-heading">Empresa</div>
      <div class="panel-body">
        <form class="editForm">
                           
          <div class="row">
            <div class="col-md-12">
              <h4 class="sub-header">Dados gerais</h4>
            </div>

          </div>

          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                  <label>Nome</label>
                  <input id="nomeEmpresa" name="nomeEmpresa" class="form-control input-sm"  value="">
                  <p id="nomeError" class="help-block hidden">Introduza um nome</p>
              </div>
            </div>
          </div>

          <div class="row">
            
            <div class="col-md-3">
              <div class="form-group">
                <label>Contribuinte</label>
                <input id="contribuinte" name="contribuinte" class="form-control input-sm" value="">
                <p id="contribuinteError" class="help-block hidden">Introduza um contribuinte válido</p>
                <p id="contribuinteError1" class="help-block hidden">Contribuinte já utilizado!</p>
              </div>
            </div>

            <div class="col-md-3">
              <div class="form-group">
                <label>Email</label>
                <input id="email" name="email" class="form-control input-sm" value="">
                <p id="emailError" class="help-block hidden">Introduza um email</p>
              </div>
            </div>

            <div class="col-md-3">
              <div class="form-group">
                  <label>País</label>
                  <select id="pais" name="pais" class="choose-pais form-control input-sm" data-placeholder="Seleccione o país" >
                        <option></option>
                                                </select>
                  <p id="concelhoError" class="help-block hidden">Introduza um concelho</p>
                  
                
              </div>
            </div>

              <div class="col-md-3">
              <div class="form-group">
                  <label>Distrito</label>
                   <select id="distrito" name="distrito" class="choose-distrito form-control input-sm" data-placeholder="Seleccione o distrito" >
                    <option></option>
                                                  </select>

                  
              </div>
            </div>

           


          </div>

           <div class="row">

             <div class="col-md-6">
              <div class="form-group">
                  <label>Morada</label>
                   <textarea rows="4" id="morada" name="morada" class="form-control input-sm"></textarea>
                  <p id="moradaError" class="help-block hidden">Introduza uma morada</p>
                  <!-- <p class="help-block">Example block-level help text here.</p> -->
              </div>
            </div>

            <div class="col-md-2">
              
              <div class="form-group">
                <label>Código Postal</label>
                  <input id="codigoPostal1" name="codigoPostal1" class="form-control input-sm" value="" >
                  <p id="codigoPostalError" class="help-block hidden">Introduza um código postal válido</p>
                  <!-- <p class="help-block">Example block-level help text here.</p> -->
              </div>
              
            </div>

            <div class="col-md-1">
              <div class="form-group">
                <label>&nbsp;</label>
                  <input id="codigoPostal2" name="codigoPostal2" class="form-control input-sm" value="" >
                  <!-- <p class="help-block">Example block-level help text here.</p> -->
                 
              </div>
            </div>


            <div class="col-md-3">

              <div class="form-group">
                  <label>&nbsp;</label>
                    <select id="concelho" name="concelho" class="choose-concelho form-control input-sm" data-placeholder="Seleccione o concelho" >
                     <option></option>
                                         </select>
                  
                  <!-- <p class="help-block">Example block-level help text here.</p> -->
              </div>
              <!--
              <div class="form-group">
                <label>&nbsp;</label>
                  <input id="codigoPostalDesignacao" name="codigoPostalDesignacao" class="form-control input-sm" value=""  > 
                  
                  <p id="codigoPostalError" class="help-block hidden">Introduza um código postal válido</p>
              </div>
            -->
            </div>
            
            <!--
            <div class="col-md-6">
              <div class="form-group">
                  <label>Localidade</label>
                   <input id="localidade" name="localidade" class="form-control input-sm" value="" >
                  
                  <p id="localidadeError" class="help-block hidden">Introduza uma localidade</p>
              </div>
            </div>
          -->

           

          </div>


          <div class="row">
            

          </div>

          <div class="row">

            <div class="col-md-3">
              <label>Telefone</label>
              <input id="telefone" name="telefone" class="form-control input-sm" value="">
              <p id="telefoneError" class="help-block hidden">Introduza um telefone</p>
            </div>

            <div class="col-md-3">
              <label>Telemóvel</label>
              <input id="telemovel" name="telemovel" class="form-control input-sm" value="">
              <p id="telemovelError" class="help-block hidden">Introduza um telemovel</p>
            </div>

            <div class="col-md-3">
              <label>Fax</label>
              <input id="fax" name="fax" class="form-control input-sm" value="">
              <p id="faxError" class="help-block hidden">Introduza um fax</p>
            </div>


          </div>

          </form>
      </div>

      <div class="panel-footer right">
        
          <a class="btn btn-success btn-sm" onclick="guardaEmpresa();"> Guardar</a>
        <!-- <a class="btn btn-success btn-sm" onclick="alteraTipoProcesso();"> Guardar</a>  -->
        
      </div>
    </div>
  </div>







@stop


@section('scriptsFooter')
<script src="{!! asset("libs/js/jquery-2.1.1.min.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>


<!-- Drag & Drop Table -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script>

 $(document).ready(function() {

    if($('#idPais').val() != 0)
                    $('#idDistrito').removeAttr("disabled");
                else
                    $('#idDistrito').attr("disabled", "disabled");
                if($('#idDistrito').val() != 0)
                    $('#idConcelho').removeAttr("disabled");
                else
                    $('#idConcelho').attr("disabled", "disabled");
                $('#idDistrito').change(function(){
                    if($('#idDistrito').val() != 0)
                        $('#idConcelho').removeAttr("disabled");
                    else
                        $('#idConcelho').attr("disabled", "disabled");     

                }); 


  $(".choose-concelho ").select2();
  $(".choose-distrito ").select2(); 


$(document.body).on("change","#pais",function(){
 //Bloquear concelho;
 //Buscar os distrito do value do pais;
 //Popular o distrito
 //Desbloquear distrito;
 $('#concelho').attr("disabled", "disabled");
 $('#distrito').attr("disabled", "disabled");
 
 var novoIdPais = this.value;
 //Pedido Ajax:
 $.ajaxSetup({
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
 });

  var url = 'getDistritos'; 
  
  //var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
//        console.log(CSRF_TOKEN);


  var data = {
      idPais: novoIdPais,
  };

  $.ajax({
      url: url,
      type: 'POST',
      data: data,
      dataType: 'JSON',
      success: function (data) {
          console.log('OK...');
          //$(".choose-distrito").select2("destroy");
          $(".choose-distrito").html("");
          $(".choose-concelho").html("");
          $(".choose-distrito").select2({data:data,});
          $('#distrito').removeAttr("disabled");
          //$('#alertaGravacao').append('<div id="alertdiv" class="alert alert-success"><a class="close" data-dismiss="alert">×</a><span>Tipo Processo gravado com sucesso</span></div>');
          //$("#btnActivarClie"+idUtilizador).hide();
      },
      error:function(data){
          console.log('Not OK...');
          $('#alertaGravacao').append('<div id="alertdiv" class="alert alert-danger"><a class="close" data-dismiss="alert">×</a><span>Erro de acesso ao servidor, verifique se tem conectividade internet...</span></div>');
      }
  });


// alert(this.value);
});

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



$(document.body).on("change","#distrito",function(){
 //Bloquear concelho;
 //Buscar os distrito do value do pais;
 //Popular o distrito
 //Desbloquear distrito;
 $('#concelho').attr("disabled", "disabled");

 
 var novoIdDistrito = this.value;
 //Pedido Ajax:
 $.ajaxSetup({
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
 });

  var url = 'getConcelhos'; 
  
  //var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
//        console.log(CSRF_TOKEN);


  var data = {
      idDistrito: novoIdDistrito,
  };

  $.ajax({
      url: url,
      type: 'POST',
      data: data,
      dataType: 'JSON',
      success: function (data) {
          console.log('OK...');
          $(".choose-concelho ").html("");
          $(".choose-concelho").select2({data:data,});
          $('#concelho').removeAttr("disabled");
          //$('#alertaGravacao').append('<div id="alertdiv" class="alert alert-success"><a class="close" data-dismiss="alert">×</a><span>Tipo Processo gravado com sucesso</span></div>');
          //$("#btnActivarClie"+idUtilizador).hide();
      },
      error:function(data){
          console.log('Not OK...');
          $('#alertaGravacao').append('<div id="alertdiv" class="alert alert-danger"><a class="close" data-dismiss="alert">×</a><span>Erro de acesso ao servidor, verifique se tem conectividade internet...</span></div>');
      }
  });


// alert(this.value);
});


});




var ordem = $('#diagnosis_list tbody').children();


  $(document).ready(function() {
    //Helper function to keep table row from collapsing when being sorted
    var fixHelperModified = function(e, tr) {
        var $originals = tr.children();
        var $helper = tr.clone();
        $helper.children().each(function(index)
        {
          $(this).width($originals.eq(index).width())
        });
        return $helper;
    };

   
    //Delete button in table rows
    $('table').on('click','.btn-delete',function() {
        tableID = '#' + $(this).closest('table').attr('id');
        r = confirm('Delete this item?');
        if(r) {
            $(this).closest('tr').remove();
            renumber_table(tableID);
            $("#diagnosis_list tbody tr:first td:eq(4) input").val("");
            $("#diagnosis_list tbody tr:first td:eq(4) input").prop('disabled', true);

            }
    });
    //Coloca os inputs seleccionaveis
    $("#diagnosis_list input").click(function() { $(this).focus(); });

    $('[name="ndias"]').keydown(function (e) {
        // Allow: backspace, delete, tab, escape, enter and .
        if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110]) !== -1 ||
             // Allow: Ctrl+A
            (e.keyCode == 65 && e.ctrlKey === true) ||
             // Allow: Ctrl+C
            (e.keyCode == 67 && e.ctrlKey === true) ||
             // Allow: Ctrl+X
            (e.keyCode == 88 && e.ctrlKey === true) ||
             // Allow: home, end, left, right
            (e.keyCode >= 35 && e.keyCode <= 39)) {
                 // let it happen, don't do anything
                 return;
        }
        // Ensure that it is a number and stop the keypress
        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
            e.preventDefault();
        }
    });



});

//Renumber table rows
function renumber_table(tableID) {
    $(tableID + " tr").each(function() {
        count = $(this).parent().children().index($(this)) + 1;
        $(this).find('.priority').html(count);
    });
}

function novaTarefa(){

  var numLinhas = $('#tabelaOrdem tr').length;
  
    $('#diagnosis_list > tbody:last-child').append('<tr><td><a class="danger"><span class="glyphicon glyphicon-move"></span></a></td><td class="priority">'+(numLinhas+1)+'</td><td><input id="fase" name="fase" class="form-control input-sm fase"></td><td><input name="observacoes" class="form-control input-sm observacoes"></td><td><input name= "ndias" class="form-control input-sm ndias"></td><td><a class="btn-delete"><span class="glyphicon glyphicon-trash"></span></a></td></tr>');
    if(numLinhas==0){
      $("#diagnosis_list tbody tr:first td:eq(4) input").val("");
      $("#diagnosis_list tbody tr:first td:eq(4) input").prop('disabled', true);
  }
 
}



function validateInfoEmpresa(nomeEmpresa, contribuinte, email, idConcelho, codigoPostal1, codigoPostal2, codigoPostalDesignacao, morada, telefone, telemovel, fax){

  var erros = 0;
  
  var checkedValue = $('.boxSelectImportant:checked').val();

  if(nomeEmpresa.length == 0){
    $('#nomeError').removeClass(" hidden ");
      erros++;
  } else {
      $('#nomeError').addClass(" hidden ");
  }

   //CONTRIBUINTE:
  if(!IsValidNIF(contribuinte)){
      $('#contribuinteError1').addClass(" hidden ");
      $('#contribuinteError').removeClass(" hidden ");
        erros++;
    } else {
        $('#contribuinteError').addClass(" hidden ");
        console.log("AQUIII");
        console.log(verificaContribuinte(contribuinte));
        if(verificaContribuinte(contribuinte)==0){
          $('#contribuinteError1').addClass(" hidden ");
        }
        if(verificaContribuinte(contribuinte)!=0){
          $('#contribuinteError1').removeClass(" hidden ");
          erros++;
        }
  }

/*
  if(email.length == 0){
    $('#emailError').removeClass(" hidden ");
      erros++;
  } else {
      $('#emailError').addClass(" hidden ");
  }
*/
  if(idConcelho.length == 0){
    $('#concelhoError').removeClass(" hidden ");
      erros++;
  } else {
      $('#concelhoError').addClass(" hidden ");
  }

  if(codigoPostal1.length == 0 || codigoPostal2.length == 0){
    $('#codigoPostalError').removeClass(" hidden ");
      erros++;
  } else {
      $('#codigoPostalError').addClass(" hidden ");
  }
/*
  if(localidade.length == 0){
    $('#localidadeError').removeClass(" hidden ");
      erros++;
  } else {
      $('#localidadeError').addClass(" hidden ");
  }

  */

  if(morada.length == 0){
    $('#moradaError').removeClass(" hidden ");
      erros++;
  } else {
      $('#moradaError').addClass(" hidden ");
  }
/*
  if(telefone.length == 0){
    $('#telefoneError').removeClass(" hidden ");
      erros++;
  } else {
      $('#telefoneError').addClass(" hidden ");
  }

  */
  
/*
  if(telemovel.length == 0){
    $('#telemovelError').removeClass(" hidden ");
      erros++;
  } else {
      $('#telemovelError').addClass(" hidden ");
  }
*/
  if(erros>0)
    return false;
  else return true;



}
</script>



<script>

function IsValidNIF(nif) {
    //Check if is numeric and if has 9 numbers
    if (!isNaN(nif) && nif > 0 && nif.length == 9) {
        //Get the first number of NIF
        nif = nif.split("");
        var c = nif[0];
        //Check firt number is (1, 2, 5, 6, 8 or 9)
        if (c == '1' || c == '2' || c == '5' || c == '6' || c == '8' || c == '9') {
            //Perform CheckDigit calculations
            var checkDigit = c * 9;
            for (i = 2; i <= 8; i++) {
                checkDigit += nif[i - 1] * (10 - i);
            }
            checkDigit = 11 - (checkDigit % 11);
            //if checkDigit is higher than ten set it to zero
            if (checkDigit >= 10)
                checkDigit = 0;
            //Compare checkDigit with the last number of NIF
            //If equal the NIF is Valid.
            if (checkDigit == nif[8])
                return true;
        }
    }
    return false;
}


  function verificaContribuinte(contribuinte){
    
    var resultado = 1;

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

    var url = 'existeNIF'; 
          
    var data = {
      nif: contribuinte,
    };

    $.ajax({
        url: url,
        type: 'POST',
        data: data,
        dataType: 'JSON',
        async: false,
        success: function (data) {
            console.log(data);
            resultado = data;
        },
        error:function(data){
            resultado = 1;
        }
    });

    return resultado;

  }
</script>



<script>
$(document).ready(function(){
  //$("#alertaGravacao").hide();

   $('.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
  
});


});




var Items = $("#SortMe li");
var ordem = $('#SortMe').children();

$('#SortMe').sortable({
     disabled: false,
     axis: 'y',
     forceHelperSize: true,
     start: function(event, ui) {
        var start_pos = ui.item.index();
        ui.item.data('start_pos', start_pos);
        },
    update: function(event, ui) {
        var start_pos = ui.item.data('start_pos');
        var end_pos = ui.item.index();
        //alert(start_pos + ' - ' + end_pos);
        
        //console.log(Items);
        ordem = $(this).sortable('toArray').toString();
        //console.log(ordem);
        
/*
        if(start_pos>end_pos){

            var temp = Items[end_pos];
            Items[end_pos] = Items[start_pos];
            
            for (index = end_pos+1; index <= start_pos; ++index) {
                Items[index]=temp;
                temp = Items[index+1];
            }

           // Items[start_pos]=temp;

        }

        for (index = 0; index < Items.length; index++) {
            console.log(Items[index]);
        }
        */
    }
 }).disableSelection();



function guardaEmpresa(){


    //Campos iniciais:
    var nomeEmpresa = $('[name="nomeEmpresa"]').val();
    console.log(nomeEmpresa);

    var contribuinte = $('[name="contribuinte"]').val();
    console.log(contribuinte);

    var email = $('[name="email"]').val();
    console.log(email);

    var idConcelho = $('[name="concelho"]').val();
    console.log(idConcelho);

    //var localidade = $('[name="localidade"]').val();
    //console.log(localidade);

    var morada = $('[name="morada"]').val();
    console.log(morada);

    var codigoPostal1 = $('[name="codigoPostal1"]').val();
    console.log(codigoPostal1);

    var codigoPostal2 = $('[name="codigoPostal2"]').val();
    console.log(codigoPostal2);

    //var codigoPostalDesignacao = $('[name="codigoPostalDesignacao"]').val();
    //console.log(codigoPostalDesignacao);

    var telefone = $('[name="telefone"]').val();
    console.log(telefone);

    var telemovel = $('[name="telemovel"]').val();
    console.log(telemovel);

    var fax = $('[name="fax"]').val();
    console.log(fax);


    if(validateInfoEmpresa(nomeEmpresa, contribuinte, email, idConcelho, codigoPostal1, codigoPostal2, morada, telefone, telemovel, fax)){

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

        var url = 'guardaEmpresa'; 
        
        //var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
//        console.log(CSRF_TOKEN);


        var data = {
            nomeEmpresa: nomeEmpresa,
            contribuinte: contribuinte,
            email:email,
            idConcelho:idConcelho,
            codigoPostal1:codigoPostal1,
            codigoPostal2:codigoPostal2,
            //codigoPostalDesignacao:codigoPostalDesignacao,
            //localidade:localidade,
            morada:morada,
            telefone:telefone,
            telemovel:telemovel,
            fax:fax,
        };


        $.ajax({
            url: url,
            type: 'POST',
            data: data,
            dataType: 'JSON',
            success: function (data) {
                console.log('OK...');
                $('#alertaGravacao').append('<div id="alertdiv" class="alert alert-success"><a class="close" data-dismiss="alert">×</a><span>Empresa gravada com sucesso</span></div>');
                //$("#btnActivarClie"+idUtilizador).hide();
            },
            error:function(data){
                console.log('Not OK...');
                $('#alertaGravacao').append('<div id="alertdiv" class="alert alert-danger"><a class="close" data-dismiss="alert">×</a><span>Empresa não foi gravada com sucesso</span></div>');
            }
        });



    }
    else {
      //Fazer display de mensagem erro se for necessário:
      alert("Ups, falta qualquer coisa...");
    }

  }



function isNumber (o) {
  return ! isNaN (o-0) && o !== null && o !== "" && o !== false;
}

function getOrdem(){
  var resultado = "";
  var ordemVal = 0;
  var infoFases = [];

    //Construir array de fases, em que fase terá :
        //- descricaoFase 
        //- observacoes
        //- posicao 
        //- numDiasAposFaseAnterior
    //Iterar sobre as tr;
    $("#diagnosis_list tbody tr").each(function(){
        var descricaoFase = $(this).find('td .fase').val();
        var observacoes = $(this).find('td .observacoes').val();
        var posiciao = $(this).find('td .priority').text();
        var numDiasAposFaseAnterior = $(this).find('td .ndias').val();
        //resultado += "Posição: " + ordemVal++ + " - Descricão Fase: " + descricaoFase + " - Observações: " + observacoes + " - Dias Após: "  + numDiasAposFaseAnterior + "  ;\n";   
        infoFases[ordemVal++] = {  'descricaoFase': descricaoFase,
                                     'observacoesFase': observacoes,
                                     'numDiasAposFaseAnterior': numDiasAposFaseAnterior
                                   };
    });
    console.log(infoFases);
    //alert(infoTarefas.toString());
}

function getValor(){
  var valor = $('.entidades').select2("data")[0].text;
  var idEntidade = $('.entidades').select2("data")[0].id;
  
  alert("A entidade " + idEntidade + " foi seleccionada e tem nome " + valor);
}


  //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