@extends('componentes.corpo')



@section('cadastroGeral2')
    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">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Company Data</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">Company Data</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)) Registration of @else Edit @endif Company</h4>
                                </div>
                                <!-- /Title -->

                                <div class="col-sm">

                                    @if(empty($editar))
                                        <form method="post" action="{{route('dadosAtualizar')}}" 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">E-mail</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="email" value="{{$dados->email}}" >
                                                        </div>
                                                    </div>
                                                   </div>


                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">WhatsApp</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="whatsapp" value="{{$dados->whatsapp}}" >
                                                               </div>
                                                           </div>
                                                       </div>

                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Fix Telephone</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="telefone" value="{{$dados->telefone}}" >
                                                               </div>
                                                           </div>
                                                       </div>

                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Link Facebook</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="facebook" value="{{$dados->facebook}}" >
                                                               </div>
                                                           </div>
                                                       </div>

                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Link Instagram</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="instagram" value="{{$dados->instagram}}" >
                                                               </div>
                                                           </div>
                                                       </div>

                                                       <div class="col-md-12">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Address</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" value="{{$dados->endereco}}" >
                                                               </div>
                                                           </div>
                                                       </div>

                                                       <div class="col-md-12">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">About the Company</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <textarea class="form-control" name="sobre"  >{!! $dados->sobre !!} </textarea>
                                                               </div>
                                                           </div>
                                                       </div>

                                                    <button type="submit" class="btn btn-success mr-10"> Update Data</button>

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


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


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


            </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