@extends('layouts.layout')
@section('title', 'Processos')

@section('content')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3">
            <h1 class="title">Processos</h1>
            <div class="btn-toolbar mb-2 mb-md-0">
            @can('Criar')
              <button type="button" class="btn btn-sm btn-client" onclick="processo(0)">Criar Novo Processo</button>
              @endcan
            </div>
          </div>
          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3">
            <!-- Example single danger button -->
            <div class="btn-group">
              <button type="button" class="btn btn-dropdown dropdown-toggle p-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
                 Acções
              </button>
              <div class="dropdown-menu">
                <a class="dropdown-item" href="#">Eliminar</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Exportar .PDF</a>
              </div>
            </div>
          </div>

          <!-- Alertas de Sistema -->
          <div class="alert alert-sistema-success alert-dismissible fade show" role="alert" id="alert" style="display: none;">
            <span class="badge badge-pill badge-secondary alert-icon mr-3">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
            </span>
            <strong>Gravado com Sucesso.</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
          </div>

          <!-- Lista de Processos -->
          <div class="card">
            <div class="card-header">

              <div class="mb-4">
                <div class="form-row">
                  <div class="col-7">
                    <input type="text" class="form-control" placeholder="Procurar por nome ou NIFC" id="pesquisa">
                  </div>
                  <div class="col">
                    <select class="selectpicker" id="empresa">
                    <option value="0">Selecione</option>
                    @foreach($empresas as $empresa)
                    <option value="{{ $empresa->id }}">{{ $empresa->nome }}</option>
                    @endforeach
                    </select>
                  </div>
                  <div class="col">
                    <input type="text" class="form-control" placeholder="Intervalo de Datas" name="datefilter" value="" />
                  </div>
                  <div class="col-auto">
                    <button type="button" class="btn btn-client px-3" onclick="search()">ok</button>
                  </div>
                </div>
              </div>

              <ul class="nav nav-tabs card-header-tabs">
                 <li class="nav-item">
                  <a class="nav-link tipo active" href="#" data-toggle="tab" data-id="" >Todos os Processos</a>
                </li>
                @foreach($tiposProcessos as $processo)
                <li class="nav-item">
                  <a class="nav-link tipo" href="#" data-toggle="tab" data-id="{{ $processo->id }}" >{{ $processo->descricao }}</a>
                </li>
                @endforeach                
              </ul>
              <input type="hidden" id="tipo" value="">
            </div>
            <div class="card-body">
              <div class="table-responsive">
                  <table class="table tableProcessos" id="tableProcessos" style="width: 100%;">
                    <thead>
                      <tr>
                        <th scope="col"><input type="checkbox" name="select-all" id="select-all" /></th>
                        <th scope="col">Processo</th>
                        <th scope="col">Data Criação</th>
                        <th scope="col">Data Alteração</th>
                        <th scope="col">Cliente</th>
                        <th scope="col">Total</th>
                        <th scope="col">Tipo</th>
                        <th scope="col" class="text-center" style="width:8%;">Estado</th>
                        <th scope="col" class="text-right"  style="width:10%;">Acções</th>
                      </tr>
                    </thead>
                    <tbody>
                  
                    </tbody>
                  </table>
              
              </div>
         
            </div>
          </div>
          
@include('layouts.scripts')
          <script>
	$(document).keypress(function(e){
    if (e.which == 13){
        if($(':focus').attr("id") == 'pesquisa'){
		  search();
		}
    }
});


var start = '';
var end = '';
var previous_url = '';

var processos = $('#tableProcessos').DataTable({
	"order": [[ 1, 'desc' ]],
	"processing": true,
	"searching": false,
            "serverSide": true,
			ajax: {
            url: "getProcessos",
            type: "GET",
            data: function ( d ) {
              	d.pesquisa = $("#pesquisa").val(),
                d.empresa = $("#empresa").val(),
                d.tipo = $("#tipo").val(),
                d.dateStart = start,
                d.dateEnd= end
            }
			  },
		'select': {
         'style': 'single'
      },
	    "language": {
      "lengthMenu": "Mostrar _MENU_ registos por página",
      "zeroRecords": "Sem registos",
      "info": "Página _PAGE_ de _PAGES_",
      "infoEmpty": "Sem registos disponiveis",
      "infoFiltered": "(Filtrado _MAX_ do total de registos)",
			"search": "Procurar:",
			"processing": "A processar",
			"paginate": {
			"previous": "Anterior",
			"next": "Próximo"
			}
        },
		 columns: [
					{
				sortable: false,
			    "render": function ( data, type, full, meta ) {
					return "<input type='checkbox' class='checkContatos' id='"+full.id+"'>";
					}
					},
					{
				    "render": function ( data, type, full, meta ) {
					return "<a href='#' @can('Editar') onclick='processo("+full.id+", this)' @else onclick='verProcesso("+full.id+", this)' @endcan >"+full.codProcesso+"</a>";
					}
					},
          {data: 'dataCriacao', name: 'dataCriacao',  title: "Data Criação"},	
          {data: 'dataAlteracao', name: 'dataAlteracao',  title: "Data Alteração"},	
          {data: 'nomeCliente', name: 'nomeCliente',  title: "Cliente"},	
          {
            title: "Valor",
            type: "number",
			name: "valorTotal",
				    "render": function ( data, type, full, meta ) {
						if(full.valorTotal){
          	return parseFloat(full.valorTotal).toFixed(2)+' €';
						}else{
							return '';
						}
					}
          },
          {
				    "render": function ( data, type, full, meta ) {
          	return full.tp;
					}
          },
					{
            className: "text-right",
				    "render": function ( data, type, full, meta ) {
					return '<span class="badge badge-success">'+full.estadoDesc+'</span>';
					}
					},
					{
               sortable: false,
               className: "text-right",     
			    "render": function ( data, type, full, meta ) {
                var history = '';

                if (full.dataCriacao != full.dataAlteracao) {
                  history = '<a href="#" onclick="history(`{{ URL::asset("getLogs/processo/") }}/'+full.id+'`)" title="Ultima alteração">\
                              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>\
                            </a>';
                }

                var html = '<a href={{ URL::asset("acontecimentos/") }}/'+full.id+' title="Listagem de acontecimentos">\
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>\
                          </a>\
                          @can("Criar")\
                          <a href="#" data-toggle="modal" data-target="#modalFormCriarAcontecimento" title="Adicionar acontecimento" onclick="acontecimento('+full.id+')">\
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>\
                          </a>\
                          @endcan\
                          ' + history + '\
                          @can("Eliminar")\
                          <a href="#" title="arquivar" title="Remover Processo" onclick="removeProcesso('+full.id+')">\
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>\
                          </a>\
                          @endcan';
                  return html;
                 }
				},
				
				],
        "drawCallback": function( ) {
          $.ajax({
            url: "{{ asset('sessions/put') }}",
            type: 'POST',
            data: {
              '_token': "{{ csrf_token() }}",
              name: 'processos_datatable',
              values: {
                pesquisa: $("#pesquisa").val(),
                empresa: $("#empresa").val(),
                tipo: $("#tipo").val(),
                dateStart: start,
                dateEnd: end,
                page: processos.page.info().page,
                order: processos.order()[0]
              }
            },
            success: function (result) {
            },
            error: function (error) {
              console.log(error);
            }
          });
        }
	} );
		
$(".tipo").click(function(e){
$("#tipo").val($(this).attr("data-id"));
search();
});

$.ajax({
  url: "{{ asset('sessions/get') }}",
  type: 'GET',
  data: {
    '_token': "{{ csrf_token() }}",
    name: 'last_url'
  },
  success: function (result) {
    console.log(result);
    previous_url = result;

    if (previous_url.indexOf('acontecimentos') >= 0) {
      $.ajax({
        url: "{{ asset('sessions/get') }}",
        type: 'GET',
        data: {
          '_token': "{{ csrf_token() }}",
          name: 'processos_datatable'
        },
        success: function (result) {
          console.log(result);

          if (result.pesquisa) {
            $('#pesquisa').val(result.pesquisa);
          }
          if (result.empresa) {
            $('#empresa').val(result.empresa);
            $('.selectpicker').selectpicker('refresh');
          }
          if (result.dateStart && result.dateEnd) {
            var _s = result.dateStart.split('-');
            var _e = result.dateEnd.split('-');

            var _st = _s[2] + '/' + _s[1] + '/' + _s[0];
            var _en = _e[2] + '/' + _e[1] + '/' + _e[0];

            $('input[name="datefilter"]').daterangepicker({ startDate: _s, endDate: _e });

            start = result.dateStart;
            end = result.dateEnd;
          }
          if (result.tipo) {
            $('#tipo').val(result.tipo);
            $('.tipo.active').removeClass('active');
            $('.tipo[data-id=' + result.tipo + ']').addClass('active');
          }
          if (result.order) {
            processos.order(result.order);
          }
          if (result.page) {
            processos.page(parseInt(result.page)).draw(false);
          } else {
            search();
          }

          $.ajax({
            url: "{{ asset('sessions/forget') }}",
            type: 'DELETE',
            data: {
              '_token': "{{ csrf_token() }}",
              name: 'processos_datatable'
            },
            success: function (result) {
            },
            error: function (error) {
              console.log(error);
            }
          });
        },
        error: function (error) {
          console.log(error);
        }
      });
    }

    $.ajax({
      url: "{{ asset('sessions/forget') }}",
      type: 'DELETE',
      data: {
        '_token': "{{ csrf_token() }}",
        name: 'last_url'
      },
      success: function (result) {
      },
      error: function (error) {
        console.log(error);
      }
    });
  },
  error: function (error) {
    console.log(error);
  }
});


function search(){
  processos.ajax.reload();
		
}


</script>
  <script>
    // Listen for click on toggle checkbox
    $('#select-all').click(function(event) {
        if(this.checked) {
            // Iterate each checkbox
            $(':checkbox').each(function() {
                this.checked = true;
            });
        } else {
            $(':checkbox').each(function() {
                this.checked = false;
            });
        }
    });
  </script>


  <script type="text/javascript">

      $('input[name="datefilter"]').daterangepicker({
          autoUpdateInput: false,
          "locale": {
    "format": "DD/MM/YYYY",
    "separator": " - ",
    "applyLabel": "Aplicar",
    "cancelLabel": "Cancelar",
    "fromLabel": "De",
    "toLabel": "Até",
    "customRangeLabel": "Custom",
    "daysOfWeek": [
        "Dom",
        "Seg",
        "Ter",
        "Qua",
        "Qui",
        "Sex",
        "Sáb"
    ],
    "monthNames": [
        "Janeiro",
        "Fevereiro",
        "Março",
        "Abril",
        "Maio",
        "Junho",
        "Julho",
        "Agosto",
        "Setembro",
        "Outubro",
        "Novembro",
        "Dezembro"
    ],
    "firstDay": 0
},
          });

          $('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {
          $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
          start = picker.startDate.format('YYYY-MM-DD');
          end = picker.endDate.format('YYYY-MM-DD');

      });

      $('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {
          $(this).val('');
          start = '';
          end = '';
      });


  function processo(id, a){
  
    var dat ={"id": id};	
  var url = '{{ asset("processos/create") }}'

  if(id != 0){
    url = 'processos/'+id+'/edit';
  }
  
jQuery.ajax({

url: url,

type: "GET",

data: dat,

success: function(data){

    var dialog = bootbox.dialog({
    title: 'Criar Processo',
    message: data,
    size: 'large',
    buttons: {
        cancel: {
            label: "Cancelar",
            className: 'btn btn-sm btn-default',
            callback: function(){
              if(id == 0){
              removeAnex(1, 0);  
              }

            }
        },
        noclose: {
            label: "Gravar",
            className: 'btn btn-sm btn-client',
            callback: function(){
var ids = new Array();


$(".fileInput").each(function(e){
ids.push($(this).val());

});
console.log($("#intervenientes").val().length);

var dat = {"_token": "{{ csrf_token() }}", "empresa": $("#enterprise").val(), "cliente":  $("#cliente").val(),  "tipoProcesso": $("#tipoProcesso").val(), 
"valorTotal": $("#valorTotal").val(), "descricao": $("#descricao").val(), "dataAlarme": $("#dataNotificacao").val(), "intervenientes": ($("#intervenientes").val().length > 0 ? JSON.stringify($("#intervenientes").val()) : ''), "ids": ids}	

var  url = 'processos';
var type = "POST";


if(id != 0){
    url = 'processos/'+id;
    type= "PATCH";
  }



jQuery.ajax({

url: url,

type: type,

data: dat,

success: function(data){
if(data.error.length === 0){
bootbox.hideAll();
$("#alert").show();
search();
}else{
var html = '<ul>';
  $.each( data.error, function( key, value ) {
html += '<li>'+value+'</li>';
});  
html += '</ul>\
<button type="button" class="close" data-dismiss="alert" aria-label="Close">\
              <span aria-hidden="true">&times;</span>\
            </button>';
$("#alertMessage").empty();
$("#alertMessage").append(html);
$("#alertModal").show();
}
},
  error:function(data){

console.log(data);

} 

});
return false;

            }
        },
       
    }
});

$(".selectpicker").selectpicker({ liveSearch: true, width: '100%' });

$('#inputSelectFile').fileinput({
   	language: 'pt',
		fileType: "any",
		uploadAsync: true,
		uploadUrl: "{{ asset('uploadfiles') }}",
		overwriteInitial: false,
    showUpload: true,
    autoReplace: true,
    maxFileCount: 1,
		dropZoneEnabled: true,
		showPreview: false,
		uploadExtraData:function(previewId, index) {
        var data = {
           '_token': "{{ csrf_token() }}",
           'tituloAnexo': $("#tituloAnexo").val(),
           'dataValidadeAnexo': $("#dataValidadeAnexo").val(),
           'descricaoAnexo': $("#descricaoAnexo").val(),
         };
        return data;        
    },
		});

    $('#inputSelectFile').on('fileuploaded', function(event, data, previewId, index) {

     if(data.response.id){   
     $("#docs").append('<tr><td style="width:30%;">\
            <a href="'+data.response.path+'" '+(data.response.extension == "jpeg" || data.response.extension == "jpg" || data.response.extension == "png" || data.response.extension == "pdf"  ? "data-fancybox='gallery"+data.response.id+"'" : "")+' >\
              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>\
             '+data.response.fileName+'\
             <input type="hidden" class="fileInput" value="'+data.response.id+'">\
            </a>\
          </td>\
          <td style="width:60%;">'+$("#tituloAnexo").val()+'</td>\
          <td style="width:10%;" class="text-right">\
            <a href="#" onclick="removeAnex(this, '+data.response.id+')"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></a>\
          </td></tr>');
    
          $("#tituloAnexo").empty();
          $("#dataValidadeAnexo").empty();
          $("#descricaoAnexo").empty();

          $("#alertMessage").empty();
        $("#alertModal").hide();
     }else{
      $("#alertMessage").empty();
      $("#alertMessage").append('<p>Titulo em falta para carregamento do ficheiro! </p>');
      $("#alertModal").show();
     }

    });


$('#dataNotificacao').daterangepicker({
    singleDatePicker: true,
    showDropdowns: true,
   "locale": {
    "format": "YYYY-MM-DD",
    "separator": " - ",
    "applyLabel": "Aplicar",
    "cancelLabel": "Cancelar",
    "fromLabel": "De",
    "toLabel": "Até",
    "customRangeLabel": "Custom",
    "daysOfWeek": [
        "Dom",
        "Seg",
        "Ter",
        "Qua",
        "Qui",
        "Sex",
        "Sáb"
    ],
    "monthNames": [
        "Janeiro",
        "Fevereiro",
        "Março",
        "Abril",
        "Maio",
        "Junho",
        "Julho",
        "Agosto",
        "Setembro",
        "Outubro",
        "Novembro",
        "Dezembro"
    ],
    "firstDay": 0
},
  });

  $('#dataValidadeAnexo').daterangepicker({
    singleDatePicker: true,
    showDropdowns: true,
   "locale": {
    "format": "YYYY-MM-DD",
    "separator": " - ",
    "applyLabel": "Aplicar",
    "cancelLabel": "Cancelar",
    "fromLabel": "De",
    "toLabel": "Até",
    "customRangeLabel": "Custom",
    "daysOfWeek": [
        "Dom",
        "Seg",
        "Ter",
        "Qua",
        "Qui",
        "Sex",
        "Sáb"
    ],
    "monthNames": [
        "Janeiro",
        "Fevereiro",
        "Março",
        "Abril",
        "Maio",
        "Junho",
        "Julho",
        "Agosto",
        "Setembro",
        "Outubro",
        "Novembro",
        "Dezembro"
    ],
    "firstDay": 0
},
  });





},

error:function(data){

console.log(data);

} 

});	 

  }

  $(".selectpicker").selectpicker({ liveSearch: true, width: '100%' });

  $(document).on("keyup", "input", function() {
  if($(this).parent('div').parent('div').parent('div').children("select").attr("id") == 'cliente'){
if($( this ).val().length > 3){
  getClientes($( this ).val());
}else{
  getClientes(0);
}
  }  
});



function getClientes(e){

if(e != 0){
jQuery.ajax({
url: '{{ asset("getClientes") }}',
data: {empresa: $("#enterprise").val(), pesquisa: e},
type: "GET",
success: function(data){
$("#cliente").empty(); 
$("#cliente").append(data);
$("#cliente").selectpicker("refresh");
},
error:function(data){

console.log(data);

} 

});
}else{
  $("#cliente").empty(); 
$("#cliente").selectpicker("refresh"); 
}



}

function setNif(){

var nif = $("#cliente option:selected").attr("data-subtext");

nif = nif.substring(nif.indexOf("-") + 1);


$("#nifc").empty();
$("#nifc").val(nif);

$('#moradac').val($("#cliente option:selected").data('morada'));
$('#cpc').val($("#cliente option:selected").data('cp'));
$('#localidadec').val($("#cliente option:selected").data('localidade'));

}

function removeAnex(a, id){

$(a).closest("tr").remove();
var array = new Array();

if(a != 1){
array.push(id);
}else{
$(".fileInput").each(function(e){
array.push($(this).val());
});


}

jQuery.ajax({
url: '{{ asset("removeAnex") }}',
data: {'_token': "{{ csrf_token() }}", "id": array},
type: "POST",
success: function(data){
  if(a != 1){
$(a).closest("tr").remove();
  }
},
error:function(data){

console.log(data);

} 

});


}

function removeProcesso(id){

  bootbox.confirm({
    message: "Deseja arquivar o processo?",
    buttons: {
        confirm: {
            label: 'Sim',
            className: 'btn-success'
        },
        cancel: {
            label: 'Não',
            className: 'btn-danger'
        }
    },
    callback: function (result) {
        if(result == true){
          jQuery.ajax({
url: '{{ asset("processos") }}/'+id,
data: {'_token': "{{ csrf_token() }}", _method: 'DELETE', "id": id},
type: "POST",
success: function(data){
  if(data == 1){
    search();
  }
},
error:function(data){

console.log(data);

} 

});
        }

    }
});






}

function acontecimento(id){

var dat ={"id": id};	
var url = '{{ asset("acontecimentos/create") }}';



jQuery.ajax({

url: url,

type: "GET",

data: dat,

success: function(data){

var dialog = bootbox.dialog({
title: 'Criar Acontecimento',
message: data,
size: 'large',
buttons: {
    cancel: {
        label: "Cancelar",
        className: 'btn btn-sm btn-default',
        callback: function(){
          removeAnexA(1, 0);  
          
        }
    },
    noclose: {
        label: "Gravar",
        className: 'btn btn-sm btn-client',
        callback: function(){
var ids = new Array();


$(".fileInput").each(function(e){
ids.push($(this).val());

});


var dat = {"_token": "{{ csrf_token() }}", "assunto": $("#assunto").val(), "processo":  id,  "user": $("#user").val(), 
"dataValidade": $("#dataNotificacao").val(), "descricao": $("#descricaoAcontecimento").val(), "estado": 1, "ids": ids}	

var urls = '{{ asset("acontecimentos")}}';
var type = "POST";



jQuery.ajax({

url: urls,

type: type,

data: dat,

success: function(data){
if(data.error.length === 0){
bootbox.hideAll();
}else{
var html = '<ul>';
  $.each( data.error, function( key, value ) {
html += '<li>'+value+'</li>';
});  
html += '</ul>\
<button type="button" class="close" data-dismiss="alert" aria-label="Close">\
              <span aria-hidden="true">&times;</span>\
            </button>\
';
$("#alertMessage").empty();
$("#alertMessage").append(html);
$("#alertModal").show();
}

},
error:function(data){

console.log(data);

} 

});

return false;
        }
    },
   
}
});

$(".selectpicker").selectpicker({ liveSearch: true, width: '100%' });

$('#inputSelectFile').fileinput({
 language: 'pt',
fileType: "any",
uploadAsync: true,
uploadUrl: "{{ asset('uploadfilesA') }}",
overwriteInitial: false,
showUpload: true,
autoReplace: true,
maxFileCount: 1,
dropZoneEnabled: true,
showPreview: false,
uploadExtraData:function(previewId, index) {
    var data = {
       '_token': "{{ csrf_token() }}",
       'tituloAnexo': $("#tituloAnexo").val(),
       'dataValidadeAnexo': $("#dataValidadeAnexo").val(),
       'descricaoAnexo': $("#descricaoAnexo").val(),
     };
    return data;        
},
});

$('#inputSelectFile').on('fileuploaded', function(event, data, previewId, index) {
     
  if(data.response.id){  
 $("#docs").append('<tr><td style="width:30%;">\
        <a href="'+data.response.path+'" '+(data.response.extension == "jpeg" || data.response.extension == "jpg" || data.response.extension == "png" || data.response.extension == "pdf"  ? "data-fancybox='gallery"+data.response.id+"'" : "")+'>\
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>\
         '+data.response.fileName+'\
         <input type="hidden" class="fileInput" value="'+data.response.id+'">\
        </a>\
      </td>\
      <td style="width:60%;">'+$("#tituloAnexo").val()+'</td>\
      <td style="width:10%;" class="text-right">\
        <a href="#" onclick="removeAnex(this, '+data.response.id+')"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></a>\
      </td></tr>');

      $("#tituloAnexo").empty();
      $("#dataValidadeAnexo").empty();
      $("#descricaoAnexo").empty();
      
      $("#alertMessage").empty();
        $("#alertModal").hide();
     }else{
      $("#alertMessage").empty();
      $("#alertMessage").append('<p>Titulo em falta para carregamento do ficheiro! </p>');
      $("#alertModal").show();
     }

});


$('#dataNotificacao').daterangepicker({
singleDatePicker: true,
showDropdowns: true,
"locale": {
"format": "YYYY-MM-DD",
"separator": " - ",
"applyLabel": "Aplicar",
"cancelLabel": "Cancelar",
"fromLabel": "De",
"toLabel": "Até",
"customRangeLabel": "Custom",
"daysOfWeek": [
    "Dom",
    "Seg",
    "Ter",
    "Qua",
    "Qui",
    "Sex",
    "Sáb"
],
"monthNames": [
    "Janeiro",
    "Fevereiro",
    "Março",
    "Abril",
    "Maio",
    "Junho",
    "Julho",
    "Agosto",
    "Setembro",
    "Outubro",
    "Novembro",
    "Dezembro"
],
"firstDay": 0
},
});

$('#dataValidadeAnexo').daterangepicker({
singleDatePicker: true,
showDropdowns: true,
"locale": {
"format": "YYYY-MM-DD",
"separator": " - ",
"applyLabel": "Aplicar",
"cancelLabel": "Cancelar",
"fromLabel": "De",
"toLabel": "Até",
"customRangeLabel": "Custom",
"daysOfWeek": [
    "Dom",
    "Seg",
    "Ter",
    "Qua",
    "Qui",
    "Sex",
    "Sáb"
],
"monthNames": [
    "Janeiro",
    "Fevereiro",
    "Março",
    "Abril",
    "Maio",
    "Junho",
    "Julho",
    "Agosto",
    "Setembro",
    "Outubro",
    "Novembro",
    "Dezembro"
],
"firstDay": 0
},
});





},

error:function(data){

console.log(data);

} 

});	 

}

function removeAnexA(a, id){

$(a).closest("tr").remove();
var array = new Array();

if(a != 1){
array.push(id);
}else{
$(".fileInput").each(function(e){
array.push($(this).val());
});


}

jQuery.ajax({
url: '{{ asset("removeAnex") }}',
data: {'_token': "{{ csrf_token() }}", "id": array},
type: "POST",
success: function(data){
  if(a != 1){
$(a).closest("tr").remove();
  }
},
error:function(data){

console.log(data);

} 

});


}


  function verProcesso(_id, _e) {
    $.ajax({
      url: '{{ asset("processos") }}/' + _id,
      data: {
        _token: '{{ csrf_token() }}',
      },
      success: function (data) {
        var dialog = bootbox.dialog({
          title: 'Criar Processo',
          message: data,
          size: 'large',
          buttons: {
            cancel: {
              label: "Cancelar",
              className: 'btn btn-sm btn-default',
            }
          }
        });

        $(".selectpicker").selectpicker({ liveSearch: true, width: '100%' });
      },
      error: function (error) {
        console.log(error);
      }
    });
  }


  function history(_url) {
	$.ajax({
		url: _url,
		type: 'GET',
		success: function (result) {
      // console.log(result);
			if (result.code == 200) {
				var dialog = bootbox.dialog({
					title: 'Detalhes',
					message: result.data,
					size: 'large',
					buttons: {
						cancel: {
							label: 'Fechar',
							className: 'btn btn-sm btn-default',
						}
					}
				});
			}
		},
		error: function (error) {
			console.log(error);
		}
	});
}


  </script>

  <script>

  </script>
@endsection