@extends('layouts.app')

@section('conteudo')
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="js/cep.js"></script>


<div class="content">
  <!-- Elements -->
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Editar Perfil</h3>
    </div>
    <div class="block-content">

      <div class="row">

        <div class="col-lg-12 space-y-6">

          <!-- Form Inline - Alternative Style -->
          <form action="/actualizar_funcionario/{{$funcionario->id}}" method="POST" enctype="multipart/form-data">
            <!-- <div class="row row-cols-lg-auto g-4 align-items-center"> -->
            <div class="row  g-4 align-items-center">
              @csrf

              <div class="col-12">
                <label class="form-label" for="nome_completo">Nome Completo*</label>
                <input type="text" class="form-control" id="nome" name="nome_completo" value="{{$funcionario->nome_completo}}" disabled placeholder="nome completo">
              </div>
              <div class="col-4">
                <label class="form-label" for="cpf">CPF/CNPJ*</label>
                <input type="text" class="form-control" id="cpf" name="cpf" value="{{$funcionario->cpf}}" disabled  placeholder="cpf">
              </div>
              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="estado_civil">Estado civil</label>
                <select class="form-select" name="estado_civil" value="{{$funcionario->estado_civil}}" id="estado_civil">
                  <option value="0">Selecione</option>
                  <option value="1">Solteiro(a)</option>
                  <option value="2">Casado(a)</option>
                  <option value="3">Separado(a)</option>
                  <option value="4">Desquitado(a)</option>
                  <option value="5">Divorciado(a)</option>
                  <option value="6">Viuvo(a)</option>
                  <option value="7">União Estável</option>
                </select>
              </div>

              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="escolaridade">Escolaridade</label>
                <input type="text" class="form-control" id="escolaridade" name="escolaridade" value="{{$funcionario->escolaridade}}" placeholder="Escolaridade">
              </div>

              <hr>
              <h3>Endereço</h3>
              <!-- novo registro -->
              <div class="col-3">
                <label class="form-label" for="cep">CEP*</label>
                <input type="text" class="form-control" id="nome" name="endereco_cep" value="{{$funcionario->endereco_cep}}"  placeholder="CEP">
              </div>

              <div class="col-7">
                <label class="form-label" for="endereco">Endereço*</label>
                <input type="text" class="form-control" id="nome" name="endereco" value="{{$funcionario->endereco}}"  placeholder="Endereço">
              </div>
              <!-- novo registro -->
              <div class="col-2">
                <label class="form-label" for="numero">Número*</label>
                <input type="text" class="form-control" id="nome" name="numero_endereco" value="{{$funcionario->numero_endereco}}"  placeholder="Número">
              </div>
              <!-- novo registro -->
              <div class="col-3">
                <label class="form-label" for="complemento">Complemento</label>
                <input type="text" class="form-control" id="nome" name="complemento_endereco" value="{{$funcionario->complemento_endereco}}" placeholder="Complemento">
              </div>
              <!-- novo registro -->
              <div class="col-3">
                <label class="form-label" for="bairro">Bairro*</label>
                <input type="text" class="form-control" id="nome" name="bairro_endereco" value="{{$funcionario->bairro_endereco}}"  placeholder="Bairro">
              </div>
              <!-- novo registro -->
              <div class="col-3">
                <label class="form-label" for="estado">Estado*</label>
                <input type="text" class="form-control" id="nome" name="estado_endereco" value="{{$funcionario->estado_endereco}}"  placeholder="Estado">
              </div>
              <!-- novo registro -->
              <div class="col-3">
                <label class="form-label" for="cidade">Cidade*</label>
                <input type="text" class="form-control" id="nome" name="cidade_endereco" value="{{$funcionario->cidade_endereco}}"  placeholder="Cidade">
              </div>

              <hr>
              <h3>Informações Complementares</h3>
              <div class="col-4">
                <label class="form-label" for="telefone">Telefone</label>
                <input type="tel" class="form-control" id="telefone" name="telefone" value="{{$funcionario->telefone}}" placeholder="telefone" maxlength="14">
              </div>
              <div class="col-4">
                <label class="form-label" for="celular">Celular*</label>
                <input type="tel" class="form-control" id="celular" name="celular" value="{{$funcionario->celular}}"  placeholder="celular" maxlength="15">
              </div>
              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="conjuge">Cônjuge</label>
                <input type="text" class="form-control" id="conjuge" name="conjuge" value="{{$funcionario->conjuge}}" placeholder="nome completo">
              </div>
              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="filhos">Nº de Filhos</label>
                <input type="text" class="form-control" id="numero_filhos" name="numero_filhos" value="{{$funcionario->numero_filhos}}" placeholder="Nº de filhos">
              </div>
              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="email_pessoal">E-mail Pessoal</label>
                <input type="email" class="form-control" id="email_pessoal" name="email_pessoal" value="{{$funcionario->email_pessoal}}" placeholder="E-mail">
              </div>
              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="email_profissional">E-mail profissional*</label>
                <input type="email" class="form-control" id="email_profissional" name="email_profissional" value="{{$funcionario->email_profissional}}" disabled placeholder="E-mail">
              </div>
              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="senha">Senha*</label>
                <input type="password" class="form-control" id="senha" name="senha" value="{{$funcionario->senha}}"  placeholder="senha">
              </div>
              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="confirmar_senha">Confirmar Senha*</label>
                <input type="password" class="form-control" id="confirmar_senha" name="confirmar_senha" value="{{$funcionario->confirmar_senha}}"  placeholder="Confirmar Senha">
              </div>

              <hr>
              <h3>Registro Médico</h3>
              <!-- novo registro -->
              <div class="col-6">
                <label class="form-label" for="nome_convenio">Nome do Convênio Médico</label>
                <input type="text" class="form-control" id="nome_convenio" name="nome_convenio" value="{{$funcionario->nome_convenio}}" placeholder="Nome do Convênio Médico">
              </div>
              <!-- novo registro -->
              <div class="col-6">
                <label class="form-label" for="numero_carteira_convenio_medico">Nº do Convênio Médico</label>
                <input type="text" class="form-control" id="numero_carteira_convenio" name="numero_carteira_convenio" value="{{$funcionario->numero_carteira_convenio_medico}}" placeholder="Nº do Convênio Médico">
              </div>

              <hr>
              <h4 style="margin-bottom: -20px;">Dados Bancário</h4>
              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="banco">Banco*</label>
                <select class="form-select" name="banco" value="{{$funcionario->banco}}" id="banco" >
                  <option value="0">Selecione</option>
                  <option value="213">Banco Arbi S.A.</option>
                  <option value="318">Banco BMG S.A.</option>
                  <option value="394">Banco Bradesco Financiamentos S.A.</option>
                  <option value="237">Banco Bradesco S.A.</option>
                  <option value="263">Banco Cacique S.A.</option>
                  <option value="473">Banco Caixa Geral - Brasil S.A.</option>
                  <option value="85">Banco Cecred</option>
                  <option value="745">Banco Citibank S.A.</option>
                  <option value="756">Banco Cooperativo do Brasil S.A. - BANCOOB</option>
                  <option value="748">Banco Cooperativo Sicredi S.A.</option>
                  <option value="222">Banco Credit Agricole Brasil S.A.</option>
                  <option value="229">Banco Cruzeiro do Sul S.A.</option>
                  <option value="3">Banco da Amazônia S.A.</option>
                  <option value="1">Banco do Brasil S.A.</option>
                  <option value="77">Banco Inter SA Unit</option>
                  <option value="479">Banco ItaúBank S.A</option>
                  <option value="74">Banco J. Safra S.A.</option>
                  <option value="389">Banco Mercantil do Brasil S.A.</option>
                  <option value="623">Banco Panamericano S.A.</option>
                  <option value="611">Banco Paulista S.A.</option>
                  <option value="356">Banco Real S.A.</option>
                  <option value="422">Banco Safra S.A.</option>
                  <option value="33">Banco Santander (Brasil) S.A.</option>
                  <option value="655">Banco Votorantim S.A.</option>
                  <option value="104">Caixa Econômica Federal</option>
                  <option value="477">Citibank N.A.</option>
                  <option value="666100">GERENCIANET</option>
                  <option value="399">HSBC Bank Brasil S.A. - Banco Múltiplo</option>
                  <option value="168">HSBC Finance (Brasil) S.A. - Banco Múltiplo</option>
                  <option value="341">Itaú Unibanco S.A.</option>
                  <option value="666200">IUGU</option>
                  <option value="666401">Nubank</option>
                  <option value="666400">PADMONEY</option>
                  <option value="254">Paraná Banco S.A.</option>
                  <option value="409">UNIBANCO - União de Bancos Brasileiros S.A.</option>
                  <option value="230">Unicard Banco Múltiplo S.A.</option>
                  <option value="136">Unicred - MG</option>
                  <option value="84">Unicred Norte do Paraná</option>
                  <option value="666300">VINDI</option>
                </select>
              </div>
              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="agencia">Agência*</label>
                <input type="text" class="form-control" id="agencia" name="agencia" value="{{$funcionario->agencia}}" >
              </div>
              <!-- novo registro -->
              <div class="col-4">
                <label class="form-label" for="conta">Número da Conta*</label>
                <input type="text" class="form-control" id="conta" name="numero_conta" value="{{$funcionario->conta}}" >
              </div>
              <hr>
              <div class="col-4">
                <label class="form-label" for="foto">Upload Foto*</label>
                <input type="file" class="form-control" id="foto" name="foto" value="{{$funcionario->foto}}" placeholder="foto" >
              </div>
            </div>

                <center> <a type="submit"> 
                  <button type="submit" class="btn btn-primary m-1">
                    <i class="fa fa-fw fa-user-plus opacity-50 me-1"></i> Salvar 
                  </button> </a> 
                </center>

          </form>
          <!-- END Form Inline - Alternative Style -->
        </div>
      </div>
      <!-- END Inline Layout -->



    </div>
  </div>
  <!-- END Elements -->
</div>

@endsection


<script src="/js/jquery-3.4.1.min.js"></script>
<script src="/js/main.js"></script>
<script>
  //busca cep
  $(document).ready(function() {
    $("input[name=cep]").blur(function() {
      var cep = $(this).val().replace(/[^0-9]/, '');
      if (cep) {
        var url = 'https://viacep.com.br/ws/' + cep + '/json/';
        $.ajax({
          url: url,
          dataType: 'jsonp',
          crossDomain: true,
          contentType: "application/json",
          success: function(json) {
            if (json.logradouro) {
              $("input[name=endereco]").val(json.logradouro);
              $("input[name=bairro]").val(json.bairro);
              $("input[name=cidade]").val(json.localidade);
              $("input[name=estado]").val(json.uf);
            }
          }
        });
      }
    });
  });

  //telefone
  function mascara(o, f) {
    v_obj = o
    v_fun = f
    setTimeout("execmascara()", 1)
  }

  function execmascara() {
    v_obj.value = v_fun(v_obj.value)
  }

  function mtel(v) {
    v = v.replace(/\D/g, ""); //Remove tudo o que não é dígito
    v = v.replace(/^(\d{2})(\d)/g, "($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
    v = v.replace(/(\d)(\d{4})$/, "$1-$2"); //Coloca hífen entre o quarto e o quinto dígitos
    return v;
  }

  function id(el) {
    return document.getElementById(el);
  }
  window.onload = function() {
    id('telefone').onkeyup = function() {
      mascara(this, mtel);
    }
    id('celular').onkeyup = function() {
      mascara(this, mtel);
    }
  }
</script>