@extends('adminlte::page')

@section('content_header')
{{--    <h1>--}}
{{--        Cadastro de Pessoas--}}
{{--    </h1>--}}
@stop

@section('content')
    <div id="msgPessoaView">

    </div>
    <div class="box-header with-border" style="padding: 0; margin-bottom: 0;">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-widget widget-user bg-yellow" style="margin-bottom: 0;">
                    <div class="widget-user-header bg-light-blue-active">
                        <h3 class="widget-user-username">Pessoas</h3>
                        <h5 class="widget-user-desc">Cadastro e Edição de Pessoas</h5>
                    </div>
                    <div class="widget-user-image" style="z-index: 1;">
                        <img class="img-circle bg-light-blue-active" src="{{ asset('img/pessoa128.png') }}" alt="User Avatar">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box no-border box-primary" style="padding-top: 30px;">
        <div class="box-header with-border">
            <h3 class="box-title">Dados Gerais</h3>
        </div>
        <div class="box-body no-border">

            <div class="col-xs-4">
                <label for="PESSOA_ID">Id</label>
                <input type="text" id="PESSOA_ID" name="PESSOA_ID" class="form-control" readonly="readonly" value="{{ $pessoaId }}">
            </div>
            <div class="col-xs-8">
                <label for="TIPO_PESSOA_ID">Tipo</label>
                <select id="TIPO_PESSOA_ID" name="TIPO_PESSOA_ID" class="form-control">
                    <option value=""></option>
                    @foreach( $tiposPessoa as $tipoPessoa )
                        <option value="{{ $tipoPessoa->COLUNA_ID }}">{{ $tipoPessoa->DESCRICAO }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-xs-6">
                <label for="PESSOA_NOME">Nome</label>
                <input type="text" id="PESSOA_NOME" name="PESSOA_NOME" class="form-control">
            </div>
            <div class="col-xs-1">
                <label for="PESSOA_SEXO">Sexo</label>
                <select id="PESSOA_SEXO" name="PESSOA_SEXO" class="form-control">
                    <option value=""></option>
                    @foreach( $sexos as $sexo )
                        <option value="{{ $sexo->COLUNA_ID }}">{{ $sexo->DESCRICAO }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-xs-3">
                <label for="PESSOA_NASCIMENTO">Nascimento</label>
                <input type="date" id="PESSOA_NASCIMENTO" name="PESSOA_NASCIMENTO" class="form-control" onclick="pessoa_view.calcularIdade();">
            </div>
            <div class="col-xs-2">
                <label for="PESSOA_IDADE">Idade</label>
                <input type="text" id="PESSOA_IDADE" name="PESSOA_IDADE" class="form-control" disabled="disabled">
            </div>

            <div class="col-xs-12">
                <label for="MUNICIPIO_DESCRICAO">Município</label>
{{--                <input type="text" id="MUNICIPIO_DESCRICAO" name="MUNICIPIO_DESCRICAO" class="form-control">--}}
                <select name="MUNICIPIO_ID" id="MUNICIPIO_ID" class="form-control select2">
                    <option value=""></option>
                    @foreach( $municipios as $m )
                        <option value="{{ $m->MUNICIPIO_ID }}">{{ $m->MUNICIPIO_NOME }} - {{ $m->MUNICIPIO_UF }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-xs-6">
                <label for="PESSOA_ENDERECO">Endereço</label>
                <input type="text" id="PESSOA_ENDERECO" name="PESSOA_ENDERECO" class="form-control">
            </div>
            <div class="col-xs-4">
                <label for="PESSOA_BAIRRO">Bairro</label>
                <input type="text" id="PESSOA_BAIRRO" name="PESSOA_BAIRRO" class="form-control">
            </div>
            <div class="col-xs-2">
                <label for="PESSOA_CEP">CEP</label>
                <input type="text" id="PESSOA_CEP" name="PESSOA_CEP" class="form-control">
            </div>
        </div>
        <div class="box-footer" style="text-align: right;">
            <div class="col-xs-12">
                <button type="button" class="btn btn-primary btn-flat" onclick="pessoa_view.nova();">
                    <i class="fa fa-asterisk"></i>
                    Nova pessoa
                </button>
                <button type="button" class="btn btn-primary btn-flat" onclick="pessoa_view.inserirPessoa();">
                    <i class="fa fa-save"></i>
                    Salvar pessoa
                </button>
            </div>
        </div>
        <div class="box-footer no-padding">
            <div class="nav-tabs-custom" role="tablist">
                <ul class="nav nav-tabs">
                    <li id="liTabDocumentos" class="active"><a href="#tabDocumentos" data-toggle="tab" aria-expanded="true"><i class="fa fa-address-book"></i> Documentos</a></li>
                    <li id="liTabContatos" class=""><a href="#tabContatos" data-toggle="tab" aria-expanded="true"><i class="fa fa-phone"></i> Contatos</a></li>
                </ul>

                <div class="tab-content">
                    @include('pessoa.tabDocumentos')
                    @include('pessoa.tabContatos')
                </div>
            </div>
        </div>
    </div>
{{--    <div class="box-footer">--}}
{{--        <button type="button" class="btn btn-primary" onclick="pessoa_view.listarPessoas();">--}}
{{--            Listar--}}
{{--        </button>--}}
{{--    </div>--}}
{{--    <div class="box no-border">--}}
{{--        <div class="box-header with-border">--}}
{{--            <h3 class="box-title">Pessoas</h3>--}}
{{--        </div>--}}
{{--        <div class="box-body">--}}
{{--            <div id="divTabelaPessoas" class="table-responsive col-xs-12">--}}

{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

    <script src="{{asset('js/pessoa/pessoa_view.js')}}?v={{Config::get('versao')}}" defer></script>
    <script>

    </script>
@stop