@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('company.list') !!}
@endsection
@section('content')
  <link href="/assets/css/jquery-loading.css" rel="stylesheet">
  <style media="screen">
  .js-loading-overlay {
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  </style>
  <div id="spin2"></div>
    <div class="the-box rounded">

        <h2 style="margin-top: 5px">Importador de documentos</h2>
        <p><strong>Como usar:</strong> Faça download da planilha de padrão de importação. Com a planilha preenchida, siga os passos abaixo:</p>
        <p>
          <ol>
            <li>Baixe a planilha demo</li>
            <li>Preencha conforme modelo, <strong>atenção</strong> para os codigos dos parlamentares</li>
            <li><strong>Salve como CSV</strong>, usando separador <strong>(;)</strong> ponto e virgula nas configurações</li>
            <li>Selecione o tipo de documento</li>
            <li>Selecione o arquivo <strong>.csv</strong></li>
            <li>Clique em IMPORTAR</li>
          </ol>
        </p>
        <p><strong>Download da planilha padrão</strong> <i class="fa fa-angle-double-right" aria-hidden="true"></i> <a href="/demoimport/ImportDocumentDemoLEGIS.xlsx">Planilha demo</a></p>
        <p><a href="javascript:void(0)" data-toggle="modal" data-target="#demoplanilha" ><i class="fa fa-info-circle" aria-hidden="true"></i> Manual da planilha</a></p>
        <hr>
         <form action="/importer/sgl/import" onSubmit="return importar()" method="post" enctype="multipart/form-data">
           {!! Form::token() !!}
          <div class="col-md-12 importa">

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

              <div class="col-md-12">
                <h3>Tipo de documentos</h3>
                <ul>
                @foreach ($documentType as $key => $value)
                  <li>
                    <label>
                    <input type="radio" name="type" value="{{ $key }}">
                    {{ $value }}
                    </label>
                  </li>
                @endforeach
                </ul>
              </div>

            </div>
            <div class="col-md-8 importador">
                <div class="col-md-12">
                  <h3>Importador</h3>
                  @include('flash::message')
                  <label>Selecione o arquivo:</label>
                  <input name="file" type="file" class="form-control"/>
                </br>
                  <label><input type="checkbox" name="is_approved" value="1"> Marcar todos como aprovados.</label>
                  <hr>
                  <button type="submit" class="btn btn-primary"  name="import"> <i class="fa fa-upload"></i> IMPORTAR</button>
                </div>
              </div>
          </div>

        </form>

        <div class="clearfix">

        </div>
    </div>

    <div class="modal fade" id="demoplanilha" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">MANUAL DA PLANILHA DE IMPORTAÇÃO</h4>
      </div>
      <div class="modal-body">
        <p><strong>Colunas da planilha de importação de documentos</strong></p>
        <ul>
          <li><strong>date</strong>: Data do documento no formato d/m/aaaa</li>
          <li><strong>number</strong>: Numero do documento no formato numero / ano</li>
          <li><strong>owners</strong>: Código do parlamentar no software LEGIS. Se mais de 1 autor, separe por vírgula (,). O primeiro código será o autor responsável, os demais serão co-autores.</li>
          <li><strong>content</strong>: Texto do documento</li>
        </ul>
        <p class="text-danger">** Todos documentos importados, serão considerados lidos e receberão um numero de protocolo automatico.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>
</div>

<script src="/assets//js/jquery-loading.js"></script>
<script type="text/javascript">

  var prepareUpload = function(event)
  {
    files = event.target.files;
    console.log(files);
  }

  var importar = function()
  {

    if(validaDados())
    {

      if($('.importador').loading({ circles: 3,overlay: true })){
        return true;
      }

      return true;

    }else{

      alert('Verifique se você selecionou o tipo de documento e também selecionou o arquivo do tipo excel.')

      return false;
    }

  }

  var validaDados = function()
  {

    var type      = $('input[name=type]:checked').val();
    var document  = $('input[name=file]')[0].files[0];

    if(!type || !document)
    {
      return false;
    }

    return true;

  }

</script>
@endsection