@extends('componentes.corpo')



@section('cadastroGeral')
    active
@endsection

@section('pessoas')
active
    @endsection


@section('head')





    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>
    <link href="/vendor/datatables.net-dt/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
    <link href="/vendor/datatables.net-responsive-dt/css/responsive.dataTables.min.css" rel="stylesheet" type="text/css" />




    <script>



        (function ($) {
            $(function () {

                var addFormGroup = function (event) {
                    event.preventDefault();

                    var $formGroup = $(this).closest('.form-group');
                    var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
                    var $formGroupClone = $formGroup.clone();

                    $(this)
                        .toggleClass('btn-success btn-add btn-danger btn-remove')
                        .html('–');

                    $formGroupClone.find('input').val('');
                    $formGroupClone.find('.concept_sistema').text('Sistema');
                    $formGroupClone.find('.concept').text('Estado');
                    $formGroupClone.insertAfter($formGroup);

                    var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
                    if ($multipleFormGroup.data('max') <= countFormGroup($multipleFormGroup)) {
                        $lastFormGroupLast.find('.btn-add').attr('disabled', true);
                    }
                };




                var removeFormGroup = function (event) {
                    event.preventDefault();

                    var $formGroup = $(this).closest('.form-group');
                    var $multipleFormGroup = $formGroup.closest('.multiple-form-group');

                    var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
                    if ($multipleFormGroup.data('max') >= countFormGroup($multipleFormGroup)) {
                        $lastFormGroupLast.find('.btn-add').attr('disabled', false);
                    }

                    $formGroup.remove();
                };

                var countFormGroup = function ($form) {
                    return $form.find('.form-group').length;
                };

                $(document).on('click', '.btn-add', addFormGroup);
                $(document).on('click', '.btn-remove', removeFormGroup);

            });
        })(jQuery);



        function mascaraMutuario(o,f){
            v_obj=o
            v_fun=f
            setTimeout('execmascara()',1)
        }

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

        function cpfCnpj(v){

            //Remove tudo o que não é dígito
            v=v.replace(/\D/g,"")

            if (v.length <= 14) { //CPF

                //Coloca um ponto entre o terceiro e o quarto dígitos
                v=v.replace(/(\d{3})(\d)/,"$1.$2")

                //Coloca um ponto entre o terceiro e o quarto dígitos
                //de novo (para o segundo bloco de números)
                v=v.replace(/(\d{3})(\d)/,"$1.$2")

                //Coloca um hífen entre o terceiro e o quarto dígitos
                v=v.replace(/(\d{3})(\d{1,2})$/,"$1-$2")

            } else { //CNPJ

                //Coloca ponto entre o segundo e o terceiro dígitos
                v=v.replace(/^(\d{2})(\d)/,"$1.$2")

                //Coloca ponto entre o quinto e o sexto dígitos
                v=v.replace(/^(\d{2})\.(\d{3})(\d)/,"$1.$2.$3")

                //Coloca uma barra entre o oitavo e o nono dígitos
                v=v.replace(/\.(\d{3})(\d)/,".$1/$2")

                //Coloca um hífen depois do bloco de quatro dígitos
                v=v.replace(/(\d{4})(\d)/,"$1-$2")

            }

            return v
        }

        jQuery("input.telefone")
            .mask("(99) 9999-9999?9")
            .focusout(function (event) {
                var target, phone, element;
                target = (event.currentTarget) ? event.currentTarget : event.srcElement;
                phone = target.value.replace(/\D/g, '');
                element = $(target);
                element.unmask();
                if(phone.length > 10) {
                    element.mask("(99) 99999-999?9");
                } else {
                    element.mask("(99) 9999-9999?9");
                }
            });


        $("#telefone, .celular").mask("(00) 00000-0000");
    </script>



    <style>

        #datable_1 tr:hover td {
            background-color: cadetblue;
            cursor: pointer;
        }

    </style>
@endsection


@section('propriedade')
    active
@endsection

@section('conteudo')


    <div class="hk-pg-wrapper ">

        <!-- Breadcrumb -->
        <nav class="hk-breadcrumb" aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-light bg-transparent">
                <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
                <li class="breadcrumb-item active" aria-current="page">Pessoas</li>
            </ol>

        </nav>
        <!-- /Breadcrumb -->






        <!-- Container -->
        <div class="container-fluid px-xxl-65 px-xl-20" >

            <!-------------- TITULO NAV ------------------------->
            <div class="tab-content" id="myTabContent">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Editar Pessoas</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Visualizar Pessoas Cadastradas</a>
                    </li>
                </ul>


                <!------- PRIMEIRA NAV ------------------------------>

                <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                    <div class="row">
                        <div class="col-xl-12">
                            <section class="hk-sec-wrapper">

                                <!-- Título -->
                                <div class="hk-pg-header">
                                    <h4 class="hk-pg-title">
                                <span class="pg-title-icon">
                                    <span class="feather-icon"><i data-feather="edit"></i></span>
                                </span>
                                        @if(empty($editar)) Cadastro  de @else Editar @endif Pessoas</h4>
                                </div>
                                <!-- /Title -->

                                <div class="col-sm">

                                    @if(empty($editar))
                                        <form method="post" action="{{route('cadastroPessoas')}}" enctype="multipart/form-data">
                                            @else
                                                <form method="post" action="{{route('updatePessoas')}}" enctype="multipart/form-data">
                                                    <input type="hidden" name="id" value="{{$pessoasEditar->id}}">
                                                    @endif
                                                    @csrf

                                                   <div class="row">

                                                       <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10" for="exampleInputuname_1">Nome</label>
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"><i class="icon-home"></i></span>
                                                            </div>
                                                            <input type="text" class="form-control" name="nome" @if(!empty($editar)) value="{{$pessoasEditar->nome}}" @endif  autocomplete="off" id="exampleInputuname_1" required placeholder="Insira o Nome">


                                                        </div>
                                                    </div>
                                                   </div>

                                                 <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10" for="exampleInputuname_1">CPF/CNPJ</label>
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"><i class="icon-home"></i></span>
                                                            </div>
                                                            <input type="text" class="form-control" @if(!empty($editar)) value="@if($pessoasEditar->cpf!="0"){{$pessoasEditar->cpf}}" @else {{$pessoasEditar->cnpj}}" @endif @endif  onkeypress='mascaraMutuario(this,cpfCnpj)' onblur='clearTimeout()'  name="cpfcnpj" id="cpfcnpj" />
                                                        </div>
                                                    </div>
                                                 </div>

                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">RG/IE</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <input type="text" class="form-control"  @if(!empty($editar)) value="@if($pessoasEditar->rg!="0"){{$pessoasEditar->rg}}" @else {{$pessoasEditar->ie}}" @endif @endif placeholder="RG ou Inscriçao Estaudal" name="rgie" id="rgie" />
                                                               </div>
                                                           </div>
                                                       </div>

                                                       <!---------------------------------------------------------------------->


                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Endereço</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <input type="text" class="form-control" name="endereco" @if(!empty($editar)) value="{{$pessoasEditar->endereco}}" @endif placeholder="Ex: Rua ..." />
                                                               </div>
                                                           </div>
                                                       </div>


                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Cidade</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <input type="text" class="form-control" name="cidade" @if(!empty($editar)) value="{{$pessoasEditar->cidade}}" @endif placeholder="Ex: Jataí ..." />
                                                               </div>
                                                           </div>
                                                       </div>

                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Setor</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <input type="text" class="form-control" name="setor" @if(!empty($editar)) value="{{$pessoasEditar->setor}}" @endif placeholder="Ex: Centro ..." />
                                                               </div>
                                                           </div>
                                                       </div>

                                                   </div>

                                                 <HR>    <p><strong>TIPO DE PESSOA</strong></p>
                                                    <div class="row">


                                                               <div class="col-md-4">
                                                                   <div class="custom-control custom-checkbox">

                                                                       <input type="checkbox" class="custom-control-input" @if(!empty($editar)) @foreach($tipos as $t) @if($t->nome == "CLIENTE") checked @break @endif  @endforeach  @endif name="tipo[]" value="CLIENTE" id="customCheck1">
                                                                       <label class="custom-control-label" for="customCheck1">CLIENTE</label>
                                                                   </div>
                                                               </div>

                                                               <div class="col-md-4">
                                                                   <div class="custom-control custom-checkbox">
                                                                       <input type="checkbox" class="custom-control-input" @if(!empty($editar)) @foreach($tipos as $t) @if($t->nome == "FUNCIONARIO") checked @break @endif @endforeach @endif   name="tipo[]" value="FUNCIONARIO" id="customCheck2">
                                                                       <label class="custom-control-label" for="customCheck2">FUNCIONARIO</label>
                                                                   </div>
                                                               </div>


                                                               <div class="col-md-4">
                                                                   <div class="custom-control custom-checkbox">
                                                                       <input type="checkbox" class="custom-control-input" @if(!empty($editar)) @foreach($tipos as $t) @if($t->nome == "FORNECEDOR") checked @break @endif @endforeach @endif  name="tipo[]" value="FORNECEDOR" id="customCheck3">
                                                                       <label class="custom-control-label" for="customCheck3">FORNECEDOR</label>
                                                                   </div>
                                                               </div>


                                                               <div class="col-md-4">
                                                                   <div class="custom-control custom-checkbox">
                                                                       <input type="checkbox" class="custom-control-input" @if(!empty($editar)) @foreach($tipos as $t) @if($t->nome == "PRODUTOR") checked @break @endif @endforeach @endif   name="tipo[]" value="PRODUTOR" id="customCheck4">
                                                                       <label class="custom-control-label" for="customCheck4">PRODUTOR</label>
                                                                   </div>
                                                               </div>


                                                               <div class="col-md-4">
                                                                   <div class="custom-control custom-checkbox">
                                                                       <input type="checkbox" class="custom-control-input" @if(!empty($editar)) @foreach($tipos as $t) @if($t->nome == "FAZENDA") checked @break @endif @endforeach @endif   name="tipo[]" value="FAZENDA" id="customCheck5">
                                                                       <label class="custom-control-label" for="customCheck5">FAZENDA</label>
                                                                   </div>
                                                               </div>

                                                               <div class="col-md-4">
                                                                   <div class="custom-control custom-checkbox">
                                                                       <input type="checkbox" class="custom-control-input" @if(!empty($editar)) @foreach($tipos as $t) @if($t->nome == "ARMAZEM") checked @break @endif @endforeach @endif   name="tipo[]" value="ARMAZEM" id="customCheck6">
                                                                       <label class="custom-control-label" for="customCheck6">ARMAZEM</label>
                                                                   </div>
                                                               </div>

                                                               <div class="col-md-4">
                                                                   <div class="custom-control custom-checkbox">
                                                                       <input type="checkbox" class="custom-control-input" @if(!empty($editar)) @foreach($tipos as $t) @if($t->nome == "TRANSPORTADORA") checked @break @endif @endforeach @endif   name="tipo[]" value="TRANSPORTADORA" id="customCheck7">
                                                                       <label class="custom-control-label" for="customCheck7">TRANSPORTADORA</label>
                                                                   </div>
                                                               </div>

                                                               <div class="col-md-4">
                                                                   <div class="custom-control custom-checkbox">
                                                                       <input type="checkbox" class="custom-control-input" name="tipo[]" @if(!empty($editar)) @foreach($tipos as $t) @if($t->nome == "DEPOSITANTE") checked @break @endif  @endforeach @endif  value="DEPOSITANTE" id="customCheck8">
                                                                       <label class="custom-control-label" for="customCheck7">DEPOSITANTE</label>
                                                                   </div>
                                                               </div>



                                                               <div class="col-md-4">
                                                                   <div class="custom-control custom-checkbox">
                                                                       <input type="checkbox" class="custom-control-input" name="tipo[]" @if(!empty($editar))  @foreach($tipos as $t) @if($t->nome == "MOTORISTA") checked @break @endif @endforeach @endif  value="MOTORISTA" id="customCheck9">
                                                                       <label class="custom-control-label" for="customCheck7">MOTORISTA</label>
                                                                   </div>
                                                               </div>


                                                               </div>

<hr>


                                                    <!----------------------------------------------------------------->


                                                                <div class="clearfix">
                                                                    <label class="pull-left"> Telefone(s) </label>
                                                                </div>
                                                    @if(!empty($editar))
                                                        @foreach($telefones as $t)
                                                                <div class="form-group multiple-form-group input-group">
                                                                    <div class="col-md-4">
                                                                    <input type="text" name="telefone[]" value="{{$t->nome}}" maxlength="45" id="celular" placeholder="Número " class="form-control celular">
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                    <input type="text" name="contato[]" value="{{$t->contato}}" maxlength="45" id="descricao" placeholder="Contato" class="form-control">
                                                                    </div>
                                                                    <span class="input-group-btn">
                    <button type="button" class="btn btn-success btn-add">+</button>
                </span>
                                                                </div>

                                                        @endforeach
                                                        @endif

                                                            <div class="form-group multiple-form-group input-group">
                                                                <div class="col-md-4">
                                                                    <input type="text" name="telefone[]" maxlength="45" id="celular" placeholder="Número " class="form-control celular">
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <input type="text" name="contato[]" maxlength="45" id="descricao" placeholder="Contato" class="form-control">
                                                                </div>
                                                                <span class="input-group-btn">
                    <button type="button" class="btn btn-success btn-add">+</button>
                </span>
                                                            </div>
                                                    <!------------------------------------------------------------------------------------->


                                                    <button type="submit" class="btn btn-success mr-10">  @if(empty($editar)) + Cadastrar @else Editar @endif Pessoa</button>

                                                    @if(!empty($editar))
                                                        <a class="btn btn-sm btn-info mr-10" href="{{route('pessoas')}}">
                                                           + Cadastrar Nova Pessoa
                                                        </a>
                                                    @endif
                                                </form>


                            </section>
                        </div>
                    </div>
                </div>


                <!------- SEGUNDA NAV ------------------------------>

                <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                    <div class="row">
                        <div class="col-xl-12">
                            <section class="hk-sec-wrapper">

                                <!-- Título -->
                                <div class="hk-pg-header">
                                    <h4 class="hk-pg-title">
                                <span class="pg-title-icon">
                                    <span class="feather-icon"><i data-feather="search"></i></span>
                                </span>
                                        Visualizar</h4>
                                </div>




                                <div class="row">
                                    <div class="col-sm">
                                        <div class="table-wrap">
                                            <table id="datable_1" class="table table-hover w-100 display pb-30">
                                                <thead>
                                                <tr>
                                                    <th>Código</th>
                                                    <th>Nome</th>
                                                    <th align="center" class="text-center">Ações</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @php $i=1; @endphp
                                                @foreach($pessoas as $p)

                                                    <tr>
                                                        <td>{{$i++}}</td>
                                                        <td>{{$p->nome}}</td>
                                                        <td  class="text-center">
                                                            <a href="{{route('editarPessoas',$p->id)}}">
                                                                <button  class="btn btn-sm btn-success" >editar</button>
                                                            </a>
                                                            <button href="#excluir" class="btn btn-sm btn-danger" data-toggle="modal">excluir</button>


                                                            <div id="excluir" class="modal fade" style="display: none;">
                                                                <div class="modal-dialog modal-confirm">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">

                                                                            <h4 class="modal-title">Você realmente deseja excluir?</h4>
                                                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <p style="font-color: #1b1e21">Ao excluir essa informação será elimiado permanentemente. </p>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <button type="button" class="btn btn-info" data-dismiss="modal">Cancelar</button>
                                                                            <a href="{{route('excluirPropriedade',$p->id)}}">
                                                                                <button type="button" class="btn btn-danger">Sim, desejo excluir.</button>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </td>

                                                    </tr>





                                                @endforeach
                                                </tbody>
                                                <tfoot>
                                                <tr>
                                                    <th>Código</th>
                                                    <th>Nome</th>
                                                    <th>Ações</th>
                                                </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </section>
                        </div>
                    </div>
                </div>
            </div>

            <!---------------- FIM NAV-------------->
        </div>
    </div>








@endsection


@section('footer')




    <script src="/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="/vendor/datatables.net-dt/js/dataTables.dataTables.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="/vendor/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="/dist/js/dataTables-data.js"></script>



@endsection