@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('people.list') !!}
@endsection
@section('content')
    <div class="the-box rounded">
        <form id="search-form" method="GET">
            <input type="hidden" name="has-filter" value="true">
            <div class="row">
                <div class="form-group col-md-4">
                    {!! Form::label('name', 'Nome:') !!}
                    {!! Form::text('name', $form->input('name'), ['class' => 'form-control']) !!}
                </div>

                <!-- Cpf Field -->      
                <div class="form-group col-sm-4" name="input_cpf" id="input_cpf">
                    {!! Form::label('cpf', 'CPF') !!}
                    {!! Form::text('cpf', $form->input('cpf'), ['class' => 'form-control cpf']) !!}
                </div>

                <!-- CNPJ Field -->
                <div class="form-group col-sm-4" name="input_cnpj" id="input_cnpj">
                    {!! Form::label('cnpj', 'CNPJ') !!}
                    {!! Form::text('cnpj', $form->input('cnpj'), ['class' => 'form-control cnpj']) !!}
                </div>

            </div>
            <div class="row">
                <div class="form-group col-md-6">
                    {!! Form::label('', '') !!}
                    <button class="btn btn-block btn-primary">
                        <i class="fa fa-search"></i> Pesquisar
                    </button>
                </div>
                <div class="form-group col-md-6">
                    {!! Form::label('', '') !!}
                    <button type="reset" class="btn btn-block btn-warning" onclick="limparURLERecarregar()">
                        <i class="fa fa-recycle"></i> Reset
                    </button>
                </div>
            </div>
        </form>
    </div>
    <div class="the-box rounded">
        <div class="row">
            <div class="col-md-12">
                <div class="btn-toolbar" role="toolbar">
                    <div class="btn-group">
                        @shield('people.create')
                            <a href="{!! route('people.create') !!}">
                                <button type="button" class="btn btn-info">
                                    <i class="fa fa-plus-circle"></i> Novo registro
                                </button>
                            </a>
                        @endshield
                    </div>
                </div>
            </div>
        </div>
        <hr class="hr">
        <div class="row">
            <div class="col-md-12">
                @include('flash::message')
                @if($people->isEmpty())
                    <div class="well text-center">Sem dados. Insira um novo registro.</div>
                @else
                    @include('people.table')
                    {{ $people->links() }}
                @endif
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).read(function ($) {
            $('input[name=cpf]').mask('999.999.999-99');
            $('input[name=cnpj]').mask('99.999.999/9999-99');
        });
    </script>
@endpush