@extends('layouts.admin')

@section('title', 'Pessoas')


@section('content')
<div class="d-flex flex-row px-2">
  <div class="mr-auto p-2"><h5>Cadastro de Pessoas</h5></div>
  <div class="p-8 text-right">        
    <button type="button" class="btn btn-primary" id="btn_salvar" title="Salvar" >  
        <i class="fa fa-save" aria-hidden="true"></i>
    </button>
    <button type="button" class="btn btn-secondary" id="voltar" title="Voltar" onclick="window.location='{{ route("ebd.pessoas.index") }}'" >  
        <i class="fa fa-arrow-left" aria-hidden="true"></i>
    </button>
  </div>
</div>
<div class="container-fluid">
    <div class="card">
        <div class="card-body">
            @if(Session::has('mensagem'))
                <div class="alert alert-success">
                    {{ Session::get('mensagem') }}
                    @php
                        Session::forget('mensagem');
                    @endphp
                </div>
            @endif  
            @if(Session::has('error'))
                <div class="alert alert-danger">
                    {{ Session::get('error') }}
                    @php
                        Session::forget('error');
                    @endphp
                </div>
            @endif                      
            <form action="{{ route("ebd.pessoas.store") }}" method="POST" id="fmPessoa" name="fmPessoa">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="form-group required">
                    <div class="row">
                        <div class="col-sm">
                            <label for="nome">Nome</label>
                            <input type="text" class="form-control" id="nome" name="nome" value="{{old('nome')}}" aria-describedby="nomeHelp" placeholder="Digite o nome." required>
                            <small id="nomeHelp" class="form-text text-muted">Informe aqui o nome da Pessoa</small>
                            @error('nome')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-sm">
                            <label for="igreja">Igreja</label>
                            <select id="igreja" name="igreja" class="form-control" aria-describedby="igrejaHelp" required>
                            <option value="">Selecione</option>
                                @foreach($igrejas as $d)
                                    <option value="{{ $d->id }}" {{ old('igreja') == $d->id ? "selected" : "" }} >{{ $d->nome}}</option>
                                @endforeach 
                            </select>                            

                            <small id="igrejaHelp" class="form-text text-muted">Informe aqui o nome da Igreja</small>
                            @error('igreja')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                        
                        </div>                        
                    </div>
                    <div class="row">
                        <div class="col-sm">
                            <label for="data_nascimento">Data de Nascimento</label>
                            <input type="date" class="form-control" id="data_fundacao" name="data_nascimento" value="{{old('data_nascimento')}}" aria-describedby="data_nascimentoHelp"  >
                            <small id="data_nascimentoHelp" class="form-text text-muted">Informe a data de nascimento</small>
                            @error('data_nascimento')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                        
                        </div> 
                        <div class="col-sm">
                            <label for="sexo">Sexo</label>
                            <select id="sexo" name="sexo" class="form-control" aria-describedby="sexoHelp">
                                <option value="">Selecione</option>
                                <option value="Feminino" {{ old('sexo') == 'Feminino' ? "selected" : "" }} >Feminino</option>
                                <option value="Masculino" {{ old('sexo') == 'Masculino' ? "selected" : "" }} >Masculino</option>
                            </select>                            
                            <small id="sexoHelp" class="form-text text-muted">Informe o sexo</small>
                            @error('sexo')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                        
                        </div>
                        <div class="col-sm">
                            <label for="escolaridade">Escolaridade</label>
                            <select id="escolaridade" name="escolaridade" class="form-control" aria-describedby="escolaridadeHelp">
                                <option value="">Selecione</option>
                                <option value="Fundamental Incompleto" {{ old('escolaridade') == 'Fundamental Incompleto' ? "selected" : "" }} >Fundamental Incompleto</option>
                                <option value="Fundamental Completo" {{ old('escolaridade') == 'Fundamental Completo' ? "selected" : "" }} >Fundamental Completo</option>
                                <option value="Médio Incompleto" {{ old('escolaridade') == 'Médio Incompleto' ? "selected" : "" }} >Médio Incompleto</option>
                                <option value="Médio Completo" {{ old('escolaridade') == 'Médio Completo' ? "selected" : "" }} >Médio Completo</option>                                
                                <option value="Superior Incompleto" {{ old('escolaridade') == 'Superior Incompleto' ? "selected" : "" }} >Superior Incompleto</option>
                                <option value="Superior Completo" {{ old('escolaridade') == 'Superior Completo' ? "selected" : "" }} >Superior Completo</option>                                                                
                            </select>                            
                            <small id="escolaridadeHelp" class="form-text text-muted">Informe a Escolaridade</small>
                            @error('escolaridade')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                        
                        </div>                                                                                                                                           
                        <div class="col-sm">
                            <label for="estado_civil">Estado Civil</label>
                            <select id="estado_civil" name="estado_civil" class="form-control" aria-describedby="estado_civilHelp">
                                <option value="">Selecione</option>
                                <option value="Solteiro" {{ old('estado_civil') == 'Solteiro' ? "selected" : "" }} >Solteiro</option>
                                <option value="Casado(a)" {{ old('estado_civil') == 'Casado(a)' ? "selected" : "" }} >Casado(a)</option>
                                <option value="Divorciado(a)" {{ old('estado_civil') == 'Divorciado(a)' ? "selected" : "" }} >Divorciado(a)</option>
                                <option value="Viúvo(a)" {{ old('estado_civil') == 'Viúvo(a)' ? "selected" : "" }} >Viúvo(a)</option>
                            </select>                            
                            <small id="estado_civilHelp" class="form-text text-muted">Informe o Estado Civil</small>
                            @error('estado_civil')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                        
                        </div>                                                                                                                                           

                    </div>
                </div> 
                <hr/>  
                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-2">
                            <label for="cep">CEP</label>
                            <div class="input-group">
                                <input type="text" class="form-control" id="cep" name="cep" value="{{old('cep')}}" aria-describedby="cepHelp" placeholder="Digite o CEP" >
                                    <div class="input-group-append">
                                    <button type="button" class="btn" id="btn_cep" name="btn_cep" ><i class="fa fa-search" aria-hidden="true"></i></button>
                                    </div>  
                                </input>
                            </div>
                            <small id="cepHelp" class="form-text text-muted">Informe aqui o CEP</small>
                            @error('cep')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                                                        
                        </div>                
                        <div class="col-sm-4">
                            <label for="logradouro">Logradouro</label>
                                <input type="text" class="form-control" id="logradouro" name="logradouro" value="{{old('logradouro')}}" aria-describedby="logradouroHelp" placeholder="Digite o Logradouro" >
                                <small id="logradouroHelp" class="form-text text-muted">Informe aqui o Logradouro</small>
                                @error('logradouro')
                                    <div class="error text-danger">{{ $message }}</div>
                                @enderror                                                                                    
                        </div>                                        
                        <div class="col-sm-2">
                            <label for="numero">N°</label>
                                <input type="number" class="form-control" id="numero" name="numero" value="{{old('numero')}}" aria-describedby="numeroHelp" placeholder="Digite o Número" >
                                <small id="numeroHelp" class="form-text text-muted">Informe aqui o Número.</small>
                                @error('numero')
                                    <div class="error text-danger">{{ $message }}</div>
                                @enderror  
                        </div>
                        <div class="col-sm">
                            <label for="complemento">Complemento</label>
                                <input type="text" class="form-control" id="complemento" name="complemento" value="{{old('complemento')}}" aria-describedby="complementoHelp" placeholder="Digite o Complemento" >
                                <small id="complementoHelp" class="form-text text-muted">Informe aqui o complemento.</small>
                                @error('complemento')
                                    <div class="error text-danger">{{ $message }}</div>
                                @enderror  
                        </div>                                        
                    </div>
                    <div class="row">
                        <div class="col-sm">
                            <label for="bairro">Bairro</label>
                            <input type="text" class="form-control" id="bairro" name="bairro" value="{{old('bairro')}}" aria-describedby="bairroHelp" placeholder="Digite o Bairro" >
                            <small id="bairroHelp" class="form-text text-muted">Informe aqui o Bairro</small>
                            @error('bairro')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                                                        
                        </div>
                        <div class="col-sm">
                            <label for="cidade">Cidade</label>
                            <input type="text" class="form-control" id="cidade" name="cidade" value="{{old('cidade')}}" aria-describedby="cidadeHelp" placeholder="Digite a Cidade" >
                            <small id="cidadeHelp" class="form-text text-muted">Informe aqui a Cidade</small>
                            @error('cidade')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                                                        
                        </div>
                        <div class="col-sm">
                            <label for="estado">Estado</label>
                            <input type="text" class="form-control" id="estado" name="estado" value="{{old('estado')}}" aria-describedby="estadoHelp" placeholder="Digite o Estado" >
                            <small id="estadoHelp" class="form-text text-muted">Informe aqui o Estado</small>
                            @error('estado')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                                                        
                        </div>
                        <div class="col-sm">
                            <label for="pais">País</label>
                            <input type="text" class="form-control" id="pais" name="pais" value="{{old('pais')}}" aria-describedby="paisHelp" placeholder="Digite o País" >
                            <small id="paisHelp" class="form-text text-muted">Informe aqui o País</small>
                            @error('pais')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                                                        
                        </div>                                                                                            
                    </div>                    
                </div>  
                <hr/> 
                <div class="form-group">
                    <div class="row">
                    <div class="col-sm-2">
                            <label for="tipo_telefone_id">Tipo</label>
                            <select id="tipo_telefone_id" name="tipo_telefone_id" class="form-control" aria-describedby="tipo_telefoneHelp">
                            <option value="">Selecione</option>
                                @foreach($tipostelefone as $d)
                                    <option value="{{ $d->id }}" {{ old('tipo_telefone_id') == $d->id ? "selected" : "" }} >{{ $d->nome}}</option>
                                @endforeach 
                            </select>                                
                            <small id="tipo_telefoneHelp" class="form-text text-muted">Informe aqui o Tipo</small>
                            @error('tipo_telefone_id')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                                                        
                        </div>
                        <div class="col-sm-2">
                            <label for="telefone">Telefone pessoal</label>
                                <input type="text" class="form-control" id="telefone" name="telefone" value="{{old('telefone')}}" aria-describedby="telefoneHelp" placeholder="Digite o telefone pessoal" >
                                <small id="telefoneHelp" class="form-text text-muted">Informe aqui um telefone pessoal</small>
                                @error('telefone')
                                    <div class="error text-danger">{{ $message }}</div>
                                @enderror                                                        
                        </div>                                        
                        <div class="col-sm-1">
                        </div>
                        <div class="col-sm-3">
                            <label for="responsavel">Nome responsável</label>
                                <input type="text" class="form-control" id="responsavel" name="responsavel" value="{{old('responsavel')}}" aria-describedby="responsavelHelp" placeholder="Digite o nome do responsável" >
                                <small id="responsavelHelp" class="form-text text-muted">Informe aqui o nome do responsável</small>
                                @error('responsavel')
                                    <div class="error text-danger">{{ $message }}</div>
                                @enderror                                                        
                        </div>                        
                        <div class="col-sm-2">
                            <label for="tipo_telefone_resp_um_id">Tipo</label>
                            <select id="tipo_telefone_resp_um_id" name="tipo_telefone_resp_um_id" class="form-control" aria-describedby="tipo_telefone1Help">
                            <option value="">Selecione</option>
                                @foreach($tipostelefone as $d)
                                    <option value="{{ $d->id }}" {{ old('tipo_telefone_resp_um_id') == $d->id ? "selected" : "" }} >{{ $d->nome}}</option>
                                @endforeach 
                            </select>                                
                            <small id="tipo_telefone1Help" class="form-text text-muted">Informe aqui o Tipo</small>
                            @error('tipo_telefone_resp_um_id')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                                                        
                        </div>
                        <div class="col-sm-2">
                            <label for="telefone_1">Contato Responsável</label>
                                <input type="text" class="form-control" id="telefone_1" name="telefone_1" value="{{old('telefone_1')}}" aria-describedby="telefone_1Help" placeholder="Digite o Telefone" >
                                <small id="telefone_1Help" class="form-text text-muted">Informe aqui um Telefone</small>
                                @error('telefone_1')
                                    <div class="error text-danger">{{ $message }}</div>
                                @enderror                                                        
                        </div>                                        
                    </div>
                </div>
                <hr/> 
                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-3">
                            <label for="email">E-mail</label>
                            <input type="text" class="form-control" id="email" name="email" value="{{old('email')}}" aria-describedby="responsavelHelp" placeholder="Digite o email" >
                            <small id="emailHelp" class="form-text text-muted">Informe aqui o e-mail</small>
                            @error('email')
                                <div class="error text-danger">{{ $message }}</div>
                            @enderror                                                                                    
                        </div>                
                    </div>
                </div>
                <button type="submit" id="btn_salvar_fm" name="btn_salvar_fm" class="btn btn-primary">Salvar</button> 
            </form>
        </div>
    </div>
</div>
@stop


    <link rel="stylesheet" href="css/admin_custom.css">
    <style>
        .form-group.required .control-label:after {
            content: "*";
            color: red;
        }
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
    <script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>    
    <script> console.log('Cadastro'); </script>
    <script>
        $(document).ready(function($){
            $('#cnpj').mask('00.000.000/0000-00');
            $("#telefone_1").inputmask({
                mask: ["(99) 9999-9999", "(99) 99999-9999", ],
                keepStatic: true
            });           
            $("#telefone").inputmask({
                mask: ["(99) 9999-9999", "(99) 99999-9999", ],
                keepStatic: true
            });                        
        });        
        jQuery(function($){
            $("#btn_cep").click(function(){
                var cep_code = $("input#cep").val();
                if( cep_code.length <= 0 ) return;
                $.get("https://apps.widenet.com.br/busca-cep/api/cep.json", { code: cep_code },
                    function(result){
                        /*if( result.status!="OK" ){
                            alert(result.message || "Houve um erro desconhecido");
                            return;
                        }*/
                        $("input#cep").val( result.code );
                        $("input#estado").val( result.state );
                        $("input#cidade").val( result.city );
                        $("input#bairro").val( result.district );
                        $("input#logradouro").val( result.address );
                    });
            }); 
            $("#btn_salvar").click(function(){
                $("#btn_salvar_fm").click();            
            });           
          });         
    </script>