@extends('layouts.main-cadastro')
    <a id="topo"></a>
    <ul id="dropdown1" class="dropdown-content">
        <li><a href="http://cadastropj.casasdaagua.com.br/">Pessoa Jurídica</a></li>
    </ul>

    <nav class="white menu" role="navigation">
        <div class="nav-wrapper container">
        <a id="logo-container" href="https://www.casasdaagua.com.br" class="brand-logo"><img class="logo" src="{{asset('img/logo.png')}}" /></a>
        </div>
    </nav>

    <nav style="height: 117px; line-height: 117px;">
        <div class="nav-wrapper  light-blue darken-3 ">
        <div class="col s12 center">
            <a href="#!" class="breadcrumb ">CADASTRO PESSOA JURÍDICA</a>
        </div>
        </div>
    </nav>

    <div class='row center'>
        <div class='col s12'>
            <div class='card-panel green lighten-2'>
                <span class='green-text darken-4' style='color:#388e3c!important'>
                    <i class='material-icons left'>notifications_active</i>
                </span>
                <span class='white-text'>
                    <strong> Agora falta pouco!</strong> Para finalizar o seu cadastro, basta selecionar os arquivos abaixo e enviar.</br></span>
                    <span class='green-text darken-4' style='color:#388e3c!important'> ( Seu cadastro não será finalizado sem o envio dos documentos ).</span>
                </span>
            </div>
        </div>
    </div>


<div id="blanket"></div>
<div id="aguarde" >
  <div class="progress light-blue darken-3">
      <div class="indeterminate light-blue darken-1"></div>
  </div></br>
  <span style="color:#0277bd ">Enviando todos os documentos. </br>Aguarde!</span>
</div>

  <!--CADASTRO PJ-->
  <div id="conteudo" >
      <div class="row center">
          <div class="col s12">

            <p class="left-align text-info">
                <strong>PASSO 2</strong> - Faça <strong>UPLOAD</strong> de todos os arquivos.
            </p>
          </div>
        </div>


         <!--BLOCO 1-->
          <div class="section  grey lighten-3" style="padding-top: 5%;padding-bottom: 5%">
            <div class="container">
              <div class="row">
                <div class="col s12 center">

                     <form method="POST" action='{{route('salvarDadosFormulario')}}' enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" id="objDadosCrediario" name="objDadosCrediario" multiple="multiple">

                      <div class="row">
                        <div class="file-field input-field">
                          <div class="btn light-blue darken-4">
                            <span>* Contrato Social </span> <span style="color:#011626">(obrigatório)</span>
                            <input type="file" name="arquivo[]" multiple="multiple" />
                          </div>
                          <div class="file-path-wrapper">
                            <input class="file-path validate" type="text" placeholder="Selecione um arquivo PDF, JPG, PNG ou DOC" required="true" id="contratosocial" name="contratosocial" />
                          </div>
                        </div>
                      </div>


                       <div class="row">
                        <div class="file-field input-field">
                          <div class="btn light-blue darken-4">
                            <span>* Cartão de CNPJ</span> <span style="color:#011626"> (obrigatório)</span>
                            <input type="file" name="arquivo[]" multiple="multiple"/>
                          </div>
                          <div class="file-path-wrapper">
                            <input class="file-path validate" type="text" placeholder="Selecione um arquivo PDF, JPG, PNG ou DOC" required="true" id="cartao" name="cartao">
                          </div>
                        </div>
                      </div>


                            <div class="row">
                        <div class="file-field input-field">
                          <div class="btn light-blue darken-4">
                            <span>* Cópia do RG </span> <span style="color:#011626">(obrigatório)</span>
                            <input type="file" name="arquivo[]" multiple="multiple"/>
                          </div>
                          <div class="file-path-wrapper">
                            <input class="file-path validate"  type="text" placeholder="Selecione um arquivo PDF, JPG, PNG ou DOC" required="true" id="rg" name="rg">
                          </div>
                        </div>
                      </div>

                    <div class="row">
                        <div class="file-field input-field">
                          <div class="btn light-blue darken-4">
                            <span>Última alteração contratual</span>
                            <input type="file" name="arquivo[]" multiple="multiple"/>
                          </div>
                          <div class="file-path-wrapper">
                            <input class="file-path validate" type="text" placeholder="Selecione um arquivo PDF, JPG, PNG ou DOC" id="alteracaocontratual" name="alteracaocontratual">
                          </div>
                        </div>
                      </div>


                      <div class="row">
                        <div class="file-field input-field">
                          <div class="btn light-blue darken-4">
                            <span>Último balanço patrimonial</span>
                            <input type="file" name="arquivo[]" multiple="multiple"/>
                          </div>
                          <div class="file-path-wrapper">
                            <input class="file-path validate" type="text" placeholder="Selecione um arquivo PDF, JPG, PNG ou DOC" id="balanco" name="balanco">
                          </div>
                        </div>
                      </div>




                      <div class="row">
                        <div class="file-field input-field">
                          <div class="btn light-blue darken-4">
                            <span>Relação dos autorizados a comprar</span>
                            <input type="file" name="arquivo[]" multiple="multiple"/>
                          </div>
                          <div class="file-path-wrapper">
                            <input class="file-path validate" type="text" placeholder="Selecione um arquivo PDF, JPG, PNG ou DOC" id="autorizados" name="autorizados">
                          </div>
                        </div>
                      </div>



                      <div class="row">
                        <div class="file-field input-field">
                          <div class="btn light-blue darken-4">
                            <span>Cópia do CPF dos sócios</span>
                            <input type="file" name="arquivo[]" multiple="multiple"/>
                          </div>
                          <div class="file-path-wrapper">
                            <input class="file-path validate" type="text" placeholder="Selecione um arquivo PDF, JPG, PNG ou DOC" id="cpf" name="cpf">
                          </div>
                        </div>
                      </div>


                </div>
              </div>
            </div>
          </div>

<!--javascript:document.getElementById('blanket').style.display = 'block';document.getElementById('aguarde1').style.display = 'block';-->
          <div class="section grey lighten-3" style="padding-bottom: 5%;">
            <div class="container">

              <div class="row">
                  <div class="col s12 center">
                    <div class="g-recaptcha" data-callback="recaptchaCallbackUpload" data-sitekey="{{ config('services.recaptcha.public_key') }}"></div>
                </div>
              </div>

               <div class="row" style="float: left!important;vertical-align: middle!important;">
                <div class="col s12 center">
                <span class="new badge red darken-2" data-badge-caption="Não esqueça de validar o captcha."><i class='material-icons left' style="font-size: 15px;margin-top: 3px;">warning</i> </span>

                </div>
              </div>

              <div class="row">
                <div class="col s12 center">

                  <button class="waves-effect light-blue darken-3 btn btn-large efeito1" type="submit" name="botao" id="botao" value="Enviar" onclick="loadingcerto()" disabled>ENVIAR TODOS OS DOCUMENTOS
                    <i class="material-icons right">send</i>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </form>
      </div>

      <footer class="page-footer light-blue darken-3">
        <div class="container">
            <div class="row">
                <div class="col s12 m4" style="padding-top: 20px">
                <img src="{{asset('img/logo-branco.png')}}" class="logo-rodape" />
            </div>
            <div class="col s12 m4" >
                </br>
                    <h7 class="white-text"> UNIDADE MATRIZ</h7>
                    <p class="grey-text text-lighten-4"><i class="material-icons md-16" style="font-size: 14px;margin-top: 10px">place</i> Av. Pres. Kennedy, 1284</br> São José - SC
                </br>
                CEP: 88102-400</br></p>
            </div>
            <div class="col s12 m4" >
                </br>
                <h7 class="white-text">CONTATO</h7>
                <p class="grey-text text-lighten-4"><i class="material-icons md-18" style="font-size: 14px;margin-top: 10px">phone</i> (48) 3271 3055</br>
                <img src="{{asset('img/icons/whatsapp.png')}}" style="width: 15px;margin-top: 10px"/> (48) 9 9991-3272</br>
             <i class="material-icons md-18" style="font-size: 14px;margin-top: 10px">email</i> contato@casasdaagua.com.br</p>
            </div>
          </div>
        </div>
        <div class="footer-copyright">
            <div class="container"> Todos os direitos reservados
                Desenvolvido por <a class="brown-text text-light-blue text-lighten-5" href="http://www.casasdaagua.com.br">Casas da Água</a>
            </div>
        </div>

        <!-- BOTAO UPPAGE--->
         <div class="fixed-action-btn">
            <a class="btn-floating btn-large light-blue" href="#topo">
              <i class="large material-icons">keyboard_arrow_up</i>
            </a>
        </div>
         <!-- BOTAO WHATSAPP--->

        <div class="left botao-whats " style="left: 23px!important">
                       </a>
        </div>
    </footer>
    <script src="https://code.jquery.com/jquery-3.4.0.js"></script>
    <script type="text/javascript">

    $(document).ready(function() {
        let dados = localStorage.getItem("dados")

        if(dados != null || dados != undefined) {
            let resgate = localStorage.dados
            $("#objDadosCrediario").val(resgate)
        }
    });

    function loadingcerto() {
        $(document).ready(function() {
            if(document.getElementById("contratosocial").value.length !== 0 &&
                document.getElementById("cartao").value.length !== 0 &&
                document.getElementById("rg").value.length !== 0
                ){ $('#aguarde, #blanket').css('display','block')
            }else{
                $('#aguarde, #blanket').css('display','none')
            }
        });
    }

    function loadingpage() {
        $('#aguarde, #blanket').css('display','block')
    }

    function fecharloadingpage() {
        $('#aguarde, #blanket').css('display','none')
    }

    function recaptchaCallback() {
      $('button[type="submit"]').removeAttr('disabled')
    }

  </script>

  <script src='https://www.google.com/recaptcha/api.js?hl=pt-BR'></script>