@extends('templates/admin')

@section('styles')
	<link rel="stylesheet" href="{{ asset('admin-lte/css/home.css')}}">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.css">
@stop

@section('titulo')
	<h1>
		Home
		<small>Página inicial</small>
	</h1>
@stop

@section('menu-home')
	active
@stop

@section('breadcrumbs')
	<li class="active"><i class="fa fa-home"></i> Home</li>
@stop

@section('conteudo')
    <script type="text/javascript">
        var month = new Array();
        month[0] = "Janeiro";
        month[1] = "Fevereiro";
        month[2] = "Março";
        month[3] = "Abril";
        month[4] = "Maio";
        month[5] = "Junho";
        month[6] = "Julho";
        month[7] = "Agosto";
        month[8] = "Setembro";
        month[9] = "Outubro";
        month[10] = "Novembro";
        month[11] = "Dezembro";
        var meses = [];
    </script>
    <div class="" id="loading"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="box box-primary">
                <div class="box-header with-border">
                  <h3 class="box-title">Seja bem vindo(a), {{Auth::user()->name}}!</h3>
              </div>
                <div class="content" id="content">
                    <div class="progress" style="display: none;">
                      <div class="progress-bar" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">0%</div>
                    </div>
                    
                        <h1 class="text-center">Adicionar publicações</h1>
                        <h4 class="text-center">{{$advogado->email}}</h4>
                        <h4 class="text-center">OAB: não cadastrada <a href="#" id="click-enable-edit">&nbsp;&nbsp;<i class="fa fa-edit"></i> Editar</a></h4>

                        <div id="form-edit-oab">
                        <form action="{{url('/admin/salvaroab')}}" method="POST" id="form-oab-edit">
                          <div class="input-group" style="margin: 0 auto;width: 30%;">
                             <input type="number" class="form-control" value="não cadastrada" name="oab"  id="oab">
                             <span class="input-group-btn">
                                  <input  id="btn-salvar" class="btn btn-primary" type="submit" value="Salvar">
                             </span>
                             <input type="hidden" name="id_advogado" value="{{$advogado->id}}">
                          </div>
                          {{csrf_field()}}
                        </form>
                      </div>
                      <form name="form-publicacao" id="form-publicacao" class="form-group" action="{{url('/admin/salvarpublicacoes')}}" method="POST" enctype="multipart/form-data">
                        <input type="hidden" name="cod_escritorio" id="cod_escritorio" value="{{$cod_escritorio}}">
                        {{ csrf_field() }}

                        <a href="{{url('/')}}/admin/getpublicacoes/{{$advogado->id}}">Ver publicações</a>
                        <hr>
                        <div id="div-add-pub">
                            <div class="form-group">
                                <div id="div-calendario">
                                    <label>Calendário</label>
                                    <select name="calendario" id="calendario" class="form-control">
                                        <option value="SEGUNDA_QUARTA" @if(!empty($perfil) && $perfil->dia_publicar == 'SEGUNDA_QUARTA') selected @endif >Segunda e quarta</option>
                                        <option value="TERCA_QUINTA" @if(!empty($perfil) && $perfil->dia_publicar == 'TERCA_QUINTA') selected @endif >Terça e quinta</option>
                                        <option value="SEGUNDA_QUARTA_SEXTA" @if(!empty($perfil) && $perfil->dia_publicar == 'SEGUNDA_QUARTA_SEXTA') selected @endif >Segunda, quarta e sexta</option>
                                        <option value="SEGUNDA_TERCA_QUARTA_SEXTA" @if(!empty($perfil) && $perfil->dia_publicar == 'SEGUNDA_TERCA_QUARTA_SEXTA') selected @endif >Segunda, terça, quarta e sexta</option>
                                    </select>
                                </div>
                                <label>Publicações por mês</label>
                                <input class="form-control" type="number" name="pub_por_mes" id="pub_por_mes" @if($pubs == 0) value="8" @else value="" @endif style="width: 20%;">
                                <label>Descrição padrão</label>
                                <textarea class="form-control" name="default_desc" id="default_desc"></textarea>
                                <label>Ano das publicações</label>
                                <select name="anopub" id="anopub" class="form-control" style="width: 20%;">
                                    <option value="2025">2025</option>
                                    <option value="2026">2026</option>
                                    <option value="2027">2027</option>
                                    <option value="2028">2028</option>
                                </select>
                                <label>Mês de início</label>
                                <select name="mespub" id="mespub" class="form-control" style="width: 20%;">
                                </select>
                                <br>
                                <label>Adicionar imagens para o usuário</label>
                                <br>
                                <a class="btn btn-primary" id="btn-close-files"><i class="fa fa-plus-circle"></i> Adicionar imagens</a>
                                <hr>
                                <div id="div-excluir">
                                    
                                </div>
                                
                                <hr>

                                <input type="file" style="display: none;" class="form-control border-input" id="imagens" name="imagens[]" multiple="">
                            </div>
                            <div id="imagens-selecionadas">
                            </div>
                        </div>
                        <a id="enviar" class="btn btn-lg btn-info" style="display: none;"><i class="fa fa-send"></i> Enviar <a/>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop
@section('scripts')
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.js"></script>
<!-- <script type="text/javascript" src="https://raw.githubusercontent.com/englercj/jquery-ajax-progress/master/js/jquery.ajax-progress.js"></script> -->
<script type="text/javascript" src="{{asset('/admin-lte/js/sha1.min.js')}}" charset="utf-8"></script>
<script type="text/javascript" src="{{asset('/admin-lte/js/sha1_stream.js')}}" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">

$('#form-edit-oab').hide();

$('#click-enable-edit').click(function(){
  $('#form-edit-oab').show();
});

$("#oab").keyup(function() {
    this.value = ("000000" + this.value).slice(-6)
});

    /*
 * A JavaScript implementation of the Secure Hash Algorithm, SHA-1, as defined
 * in FIPS PUB 180-1
 * Version 2.1a Copyright Paul Johnston 2000 - 2002.
 * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet
 * Distributed under the BSD License
 * See http://pajhome.org.uk/crypt/md5 for details.
 */

/*
 * Configurable variables. You may need to tweak these to be compatible with
 * the server-side, but the defaults work in most cases.
 */
var hexcase = 0;  /* hex output format. 0 - lowercase; 1 - uppercase        */
var b64pad  = ""; /* base-64 pad character. "=" for strict RFC compliance   */
var chrsz   = 8;  /* bits per input character. 8 - ASCII; 16 - Unicode      */

/*
 * These are the functions you'll usually want to call
 * They take string arguments and return either hex or base-64 encoded strings
 */
function hex_sha1(s){return binb2hex(core_sha1(str2binb(s),s.length * chrsz));}
function b64_sha1(s){return binb2b64(core_sha1(str2binb(s),s.length * chrsz));}
function str_sha1(s){return binb2str(core_sha1(str2binb(s),s.length * chrsz));}
function hex_hmac_sha1(key, data){ return binb2hex(core_hmac_sha1(key, data));}
function b64_hmac_sha1(key, data){ return binb2b64(core_hmac_sha1(key, data));}
function str_hmac_sha1(key, data){ return binb2str(core_hmac_sha1(key, data));}

/*
 * Perform a simple self-test to see if the VM is working
 */
function sha1_vm_test()
{
  return hex_sha1("abc") == "a9993e364706816aba3e25717850c26c9cd0d89d";
}

/*
 * Calculate the SHA-1 of an array of big-endian words, and a bit length
 */
function core_sha1(x, len)
{
  /* append padding */
  x[len >> 5] |= 0x80 << (24 - len % 32);
  x[((len + 64 >> 9) << 4) + 15] = len;

  var w = Array(80);
  var a =  1732584193;
  var b = -271733879;
  var c = -1732584194;
  var d =  271733878;
  var e = -1009589776;

  for(var i = 0; i < x.length; i += 16)
  {
    var olda = a;
    var oldb = b;
    var oldc = c;
    var oldd = d;
    var olde = e;

    for(var j = 0; j < 80; j++)
    {
      if(j < 16) w[j] = x[i + j];
      else w[j] = rol(w[j-3] ^ w[j-8] ^ w[j-14] ^ w[j-16], 1);
      var t = safe_add(safe_add(rol(a, 5), sha1_ft(j, b, c, d)),
                       safe_add(safe_add(e, w[j]), sha1_kt(j)));
      e = d;
      d = c;
      c = rol(b, 30);
      b = a;
      a = t;
    }

    a = safe_add(a, olda);
    b = safe_add(b, oldb);
    c = safe_add(c, oldc);
    d = safe_add(d, oldd);
    e = safe_add(e, olde);
  }
  return Array(a, b, c, d, e);

}

/*
 * Perform the appropriate triplet combination function for the current
 * iteration
 */
function sha1_ft(t, b, c, d)
{
  if(t < 20) return (b & c) | ((~b) & d);
  if(t < 40) return b ^ c ^ d;
  if(t < 60) return (b & c) | (b & d) | (c & d);
  return b ^ c ^ d;
}

/*
 * Determine the appropriate additive constant for the current iteration
 */
function sha1_kt(t)
{
  return (t < 20) ?  1518500249 : (t < 40) ?  1859775393 :
         (t < 60) ? -1894007588 : -899497514;
}

/*
 * Calculate the HMAC-SHA1 of a key and some data
 */
function core_hmac_sha1(key, data)
{
  var bkey = str2binb(key);
  if(bkey.length > 16) bkey = core_sha1(bkey, key.length * chrsz);

  var ipad = Array(16), opad = Array(16);
  for(var i = 0; i < 16; i++)
  {
    ipad[i] = bkey[i] ^ 0x36363636;
    opad[i] = bkey[i] ^ 0x5C5C5C5C;
  }

  var hash = core_sha1(ipad.concat(str2binb(data)), 512 + data.length * chrsz);
  return core_sha1(opad.concat(hash), 512 + 160);
}

/*
 * Add integers, wrapping at 2^32. This uses 16-bit operations internally
 * to work around bugs in some JS interpreters.
 */
function safe_add(x, y)
{
  var lsw = (x & 0xFFFF) + (y & 0xFFFF);
  var msw = (x >> 16) + (y >> 16) + (lsw >> 16);
  return (msw << 16) | (lsw & 0xFFFF);
}

/*
 * Bitwise rotate a 32-bit number to the left.
 */
function rol(num, cnt)
{
  return (num << cnt) | (num >>> (32 - cnt));
}

/*
 * Convert an 8-bit or 16-bit string to an array of big-endian words
 * In 8-bit function, characters >255 have their hi-byte silently ignored.
 */
function str2binb(str)
{
  var bin = Array();
  var mask = (1 << chrsz) - 1;
  for(var i = 0; i < str.length * chrsz; i += chrsz)
    bin[i>>5] |= (str.charCodeAt(i / chrsz) & mask) << (32 - chrsz - i%32);
  return bin;
}

/*
 * Convert an array of big-endian words to a string
 */
function binb2str(bin)
{
  var str = "";
  var mask = (1 << chrsz) - 1;
  for(var i = 0; i < bin.length * 32; i += chrsz)
    str += String.fromCharCode((bin[i>>5] >>> (32 - chrsz - i%32)) & mask);
  return str;
}

/*
 * Convert an array of big-endian words to a hex string.
 */
function binb2hex(binarray)
{
  var hex_tab = hexcase ? "0123456789ABCDEF" : "0123456789abcdef";
  var str = "";
  for(var i = 0; i < binarray.length * 4; i++)
  {
    str += hex_tab.charAt((binarray[i>>2] >> ((3 - i%4)*8+4)) & 0xF) +
           hex_tab.charAt((binarray[i>>2] >> ((3 - i%4)*8  )) & 0xF);
  }
  return str;
}

/*
 * Convert an array of big-endian words to a base-64 string
 */
function binb2b64(binarray)
{
  var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
  var str = "";
  for(var i = 0; i < binarray.length * 4; i += 3)
  {
    var triplet = (((binarray[i   >> 2] >> 8 * (3 -  i   %4)) & 0xFF) << 16)
                | (((binarray[i+1 >> 2] >> 8 * (3 - (i+1)%4)) & 0xFF) << 8 )
                |  ((binarray[i+2 >> 2] >> 8 * (3 - (i+2)%4)) & 0xFF);
    for(var j = 0; j < 4; j++)
    {
      if(i * 8 + j * 6 > binarray.length * 32) str += b64pad;
      else str += tab.charAt((triplet >> 6*(3-j)) & 0x3F);
    }
  }
  return str;
}

    var date = new Date();
    var i = 0;
    for(i = 0; i < month.length; i++)
    {
        if (i == date.getMonth())
        {
            $('#mespub').append(`<option value="`+ i +`" selected>`+ month[i] +`</option>`);
        }else
        {
            $('#mespub').append(`<option value="`+ i +`">`+ month[i] +`</option>`);
        }
    }

    $('#anopub').change(function (){
        $('#mespub').html('');
        var i = 0;
        for(i = 0; i < month.length; i++)
        {
            if (i == date.getMonth() && $('#anopub').val() == date.getFullYear())
            {
                $('#mespub').append(`<option value="`+ i +`" selected>`+ month[i] +`</option>`);
            }else
            {
                $('#mespub').append(`<option value="`+ i +`">`+ month[i] +`</option>`);
            }
        }
    });

    $('#btn-close-files').click(function(){
        $('#imagens').click();
    });

    function getBase64(file) {
      return new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = () => resolve(reader.result);
        reader.onerror = error => reject(error);
      });
    }

    $('input:file').change(function(){
        if (!FileReader)
        {
            alert('Seu browser não suporta os recursos necessários.');
            return;
        }
        var imagens = $('#imagens').prop("files");
        var allowTypes = ["image/gif", "image/jpeg", "image/png"];
        // $('#imagens-selecionadas').html('<h3>Publicações</h3>');
        // var mes = date.getMonth() + 1;
        var mes = parseInt($('#mespub').val()) + 1;

        console.log('Numero de imagens: ' + imagens.length);
            
        var year = $('#anopub').val();
        // var month = new Array();
        // month[0] = "Janeiro";
        // month[1] = "Fevereiro";
        // month[2] = "Março";
        // month[3] = "Abril";
        // month[4] = "Maio";
        // month[5] = "Junho";
        // month[6] = "Julho";
        // month[7] = "Agosto";
        // month[8] = "Setembro";
        // month[9] = "Outubro";
        // month[10] = "Novembro";
        // month[11] = "Dezembro";

        var i = 0;
        $.each(imagens, function(key, image){
            if ($.inArray(image['type'], allowTypes) > 0) {
                var filename = image['name'];
                var extension = filename.replace(/^.*\./, '');
                filename = filename.replace('.'+extension, '_'+$('#cod_escritorio').val()+'.'+extension);

                var restoDiv = i % $('#pub_por_mes').val();

                if (i != 0)
                {
                    if (restoDiv == 0)
                        mes = mes + 1;
                }
                

                if (parseInt(mes) < 13)
                {
                    var _mes = mes;
                    var mesano = _mes +'/'+year; 
                    meses.push(mesano);
                    console.log('len(meses): ' + meses.length);
                    console.log(meses);
                    console.log(_mes);
                    console.log(mesano);
                    var fileReader = new FileReader();
                    fileReader.onload = function (event) {
                        // var file_sha1 = sha1(event.target.result);
                        // console.log(file_sha1);
                        // console.log(event.target.result);

                        var input = event.target.result;
                        var blocksize = 512;
                        var h = naked_sha1_head();
                        for (var i = 0; i < input.length; i += blocksize) {
                            var len = Math.min(blocksize, input.length - i);
                            var block = input.substr(i, len);
                            naked_sha1(str2binb(block), len*chrsz, h);
                        }
                        var result = binb2hex(naked_sha1_tail(h));
                        // console.log(result);
                        
                        // var url = 'http://localhost:8888/advogar_web/public/api/check-image-exists';
                        var url = 'https://advogar.site/api/check-image-exists';
                        $.post(url,
                          {
                            hash: result,
                            id_user: '{{$advogado->id}}'
                          },
                          function(data, status)
                          {
                            var rjson = JSON.parse(data);
                            var exists = rjson.exists;
                            console.log('exists: ' + exists);

                            if (exists)
                            {
                                $('#imagens-selecionadas').append(`<hr>
                                    <div class="form-group div-repetida">
                                    <label style="color: red;">Imagem Já existente</label>
                                    <img style="border: solid 3px red; width: 300px; height: 300px;" class="img-responsive" src="`+ fileReader.result +`" />
                                    </div>`);
                            }else
                            {
                                $('#imagens-selecionadas').append(`<hr>
                                    <div class="form-group">
                                    <img style="width: 300px; height: 300px;" class="img-responsive" src="`+ fileReader.result +`" />
                                    <label for="mes">Mês que será exibido</label>
                                    <select name="mes" id="mes" class="form-control">
                                        <option value="`+mesano+`">`+ month[_mes-1] +`</option>
                                    </select>
                                    <div>
                                    <label for="descricao">Descrição</label><textarea name="descricao[]" id="descricao" class="form-control">`+ $('#default_desc').val() +`</textarea><input type="file" style="display: none;" class="form-control border-input" id="imagens" name="imagens[]"</div></div>`);
                            }
                        });
                    }
                    fileReader.readAsDataURL(image);
                }

                i = i + 1;

            }else
            {
                alert(image.name + " não permitido");
            }
            $('#enviar').css('display', 'block');
        });
    });

    $('#div-excluir-repetidas').click(function(){
        console.log('Excluindo...');
        $(".div-repetida").remove();
    });

    /** ENVIA PUBLICAÇÕES **/
    $('#enviar').click(function(){
        var validacao = validarFormulario();
        if (validacao == false)
            return;

        // var html = $('#content').html();
        // if (html.indexOf('Imagem Já existente') > 0)
        // {
        //     alert('Imagem já existente!');
        //     return 0;
        // }

        var imagens = $('#imagens').prop("files");
        var calendario = $('#calendario').val();
        $('#div-calendario').html('');
        // var meses = $('#mes').map(function () {
        //     console.log('Map meses: ' + this.value);
        //     return this.value;
        // }).get();
        console.log('len(meses): ' + meses.length);
        var descricoes = $('textarea').map(function () {
            return this.value;
        }).get();
        var total_imagens = 0;
        /** MAPEA E PREPARA OS DADOS **/
        var count = 0;
        var index = 0;
        $.each(imagens, function(key, imagem){
            var fileReader = new FileReader();
            fileReader.onload = function (event) 
            {
                var input_b = event.target.result;
                var blocksize = 512;
                var h = naked_sha1_head();
                for (var i = 0; i < input_b.length; i += blocksize) {
                    var len = Math.min(blocksize, input_b.length - i);
                    var block = input_b.substr(i, len);
                    naked_sha1(str2binb(block), len*chrsz, h);
                }
                var result = binb2hex(naked_sha1_tail(h));
                console.log('Hash enviar: '+result);

                var form = new FormData();
                if (total_imagens == 0)
                {
                    form.append('calendario', calendario);    
                }
                form.append('_token', '{{csrf_token()}}');
                form.append('hash', result);
                form.append('imagem', imagem);
                // form.append('descricao', descricoes[key]);
                form.append('descricao', $('#default_desc').val());
                form.append('cod_escritorio', $('#cod_escritorio').val());
                
                // if ((count + 1) >= parseInt($('#pub_por_mes').val()) && (count + 1 % parseInt($('#pub_por_mes').val())) == 0)
                // {
                //     form.append('mes', meses[index]);
                //     index = index + 1;
                // }else
                // {
                //     form.append('mes', meses[0]);
                // }
                form.append('mes', meses[key]);
                form.append('id_user', '{{$advogado->id}}');

                /** ENVIAR DADOS **/
                $('.progress').css('display', 'block');
                $("html, body").animate({ scrollTop: 0 }, "slow");
                $.ajax({
                    url : "{{url('/')}}/admin/salvarpublicacoes", 
                    type: "POST",
                    data : form,
                    contentType: false,
                    cache: false,
                    processData:false,
                    xhr: function(){
                        //upload Progress
                        var xhr = $.ajaxSettings.xhr();
                        if (xhr.upload) {
                            xhr.upload.addEventListener('progress', function(event) {
                                var percent = 0;
                                var position = event.loaded || event.position;
                                var total = event.total;
                                if (event.lengthComputable) {
                                    percent = Math.ceil(position / total * 100);
                                }
                                //update progressbar
                                $('.progress-bar').css('width', percent + '%');
                                $('.progress-bar').html(percent + '%');
                                console.log(percent);
                            }, true);
                        }
                        return xhr;
                    },
                    mimeType:"multipart/form-data"
                }).done(function(res){ //
                    console.log(res);
                    total_imagens = total_imagens + 1;
                    if (total_imagens == imagens.length)
                    {
                        alert('Envio completo.');
                        window.location.href = '{{url('/')}}/admin/getpublicacoes/{{$advogado->id}}';
                        // window.location.href = '{{url('/')}}/admin/organizarpublicacoes/{{$advogado->id}}/' + $('#pub_por_mes').val() + '/' + $('#anopub').val();
                    }
                    $('.progress-bar').css('width', '0%');
                    $('.progress-bar').html('0%');
                });

                count = count + 1;
            };
            fileReader.readAsDataURL(imagem);
        });
        // alert('Envio completo.');
        // window.location.href = '{{url('/')}}/admin/getpublicacoes/{{$advogado->id}}';
    });
    function validarFormulario()
    {
        var retorno = true;
        $('select').map(function () {
            if (this.value == 'Selecione o mês')
            {
                this.focus();
                $(this).parent().css("color", "red")
                alert('Selecione o mês em que a publicação será exibida.');
                retorno = false;
            }
        }).get();

        // $('textarea').map(function () {
        //     if (this.value.length < 5)
        //     {
        //         this.focus();
        //         $(this).parent().css("color", "red")
        //         alert('Escreva a descrição da publicação.');
        //         retorno = false;
        //     }
        // }).get();  

        return retorno; 
    }

    $('#calendario').change(function(){
        var calendario = $('#calendario').val();
        if (calendario == 'SEGUNDA_QUARTA')
        {
            $('#pub_por_mes').val(8);
        }
        if (calendario == 'TERCA_QUINTA')
        {
            $('#pub_por_mes').val(8);
        }
        if (calendario == 'SEGUNDA_QUARTA_SEXTA')
        {
            $('#pub_por_mes').val(12);
        }
        if (calendario == 'SEGUNDA_TERCA_QUARTA_SEXTA')
        {
            $('#pub_por_mes').val(16);
        }
    });
</script>
@stop