@extends('adminlte::page')

{{--@section('title', 'SISOP')--}}

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

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

    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="box box-widget widget-user-2">
                <div class="widget-user-header bg-light-blue-active">
                    <div class="widget-user-image">
                        <img class="img-circle bg-gray-light" src="{{ asset('img/pessoa128.png') }}" alt="User Avatar">
                    </div>
                    <h3 class="widget-user-username">Pessoas</h3>
                    <h5 class="widget-user-desc">Listagem e Pesquisa de Pessoas</h5>
                </div>
                <div class="box-body">
                    <div class="col-xs-12">
                        <label for="PESSOA_NOME_pessoa_listar">Nome</label>
                        <input type="text" id="PESSOA_NOME_pessoa_listar" name="PESSOA_NOME_pessoa_listar" class="form-control" autocomplete="off">
                    </div>
                    <div class="col-xs-12">
                        <label for="MUNICIPIO_ID_pessoa_listar">Município</label>
                        <select id="MUNICIPIO_ID_pessoa_listar" name="MUNICIPIO_ID_pessoa_listar" class="form-control select2">
                            <option value=""></option>
                            @foreach( $municipios as $municipio )
                            <option value="{{ $municipio->MUNICIPIO_ID }}">{{ $municipio->MUNICIPIO_NOME }} - {{ $municipio->MUNICIPIO_UF }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-xs-12" style="text-align: right; margin-top: 10px;">
                        <button type="button" class="btn btn-primary btn-flat" onclick="pessoa_listar.pesquisar();">
                            <i class="fa fa-search"></i>
                            Pesquisar
                        </button>
                    </div>
                </div>
                <div class="box-footer no-padding">
                    <div id="divTabelaPessoas" class="table-responsive">
                        <table class="table table-striped table-bordered table-hover table-condensed">
                            <thead>
                            <tr>
                                <th>Id</th>
                                <th>Nome</th>
                                <th>Sexo</th>
                                <th>Tipo</th>
                                <th>Endereço</th>
                                <th>Município</th>

                                <th style="width: 90px;">Ações</th>
                            </tr>
                            </thead>
                            <tbody>
                                                        @foreach( $pessoas as $pessoa )
                                <tr>
                                    <td>{{ $pessoa->PESSOA_ID }}</td>
                                    <td>{{ $pessoa->PESSOA_NOME }}</td>
                                    <td>{{ $pessoa->sexo->DESCRICAO }}</td>
                                    @if( $pessoa->tipo_pessoa )
                                    <td>{{ $pessoa->tipo_pessoa->DESCRICAO }}</td>
                                    @else
                                    <td></td>
                                    @endif
                                    <td>{{ $pessoa->PESSOA_ENDERECO }} CEP: {{ $pessoa->PESSOA_CEP }} BAIRRO: {{ $pessoa->PESSOA_BAIRRO }}</td>
                                    <td>{{ $pessoa->municipio->MUNICIPIO_NOME }} - {{ $pessoa->municipio->MUNICIPIO_UF }}</td>


                                    <td>
                                        <a title="Editar" class="btn btn-sm btn-warning" href="view/{{ $pessoa->PESSOA_ID }}"><i class="fa fa-pencil"></i></a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="box-footer bg-gray-light no-padding" id="pgnt" style="text-align: center;">
                    {{ $pessoas->links() }}
                </div>
            </div>
        </div>
    </div>

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