@extends('layouts.app')

@section('content')
    <div class="block-header"><h2>{{$nomeSingular}}</h2></div>

    <div class="row">
        <div class="col-lg-10">
            {!! Layout::openCardForm(array('action' => array($controller::pathMethod('store'), (isset($object) ? $object->id : null)), 'class' => "form-horizontal")) !!}

            <div class="form-group">
                <div class="col-md-2">
                    <select name="tipo_pessoa" id="tipo_pessoa" class="mask-chosen">
                        <option value="F" {{($object->tipo_pessoa != "J" ? 'selected' : '')}}>CPF</option>
                        <option value="J" {{($object->tipo_pessoa == "J" ? 'selected' : '')}}>CNPJ</option>
                    </select>
                </div>

                <div class="col-md-3">
                    <div class="form-line">
                        {{Form::text('cpf_cnpj', $object->cpf_cnpj, array('class' => 'form-control mask-cpf','id'=>'cpf_cnpj','placeholder'=>'Infome o CPF'))}}
                    </div>
                </div>

                <div class="col-md-7">
                    <div class="form-line">
                        {!!Form::text('nome', $object->nome, array('class' => 'form-control','placeholder'=>'Nome'))!!}
                    </div>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-12" id="div-validacao-cpf"></div>
            </div>

            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#tabcabecalho" aria-controls="tabcabecalho" role="tab" data-toggle="tab" id="aba-cabecalho">Cabeçalho</a></li>
                <li role="presentation"><a href="#tabendereco" aria-controls="tabendereco" role="tab" data-toggle="tab" id="aba-endereco">Endereço</a></li>
                @if(isset($viewConfiguracoes))
                    <li role="presentation"><a href="#tabconfiguracoes" aria-controls="tabconfiguracoes" role="tab" data-toggle="tab" id="aba-configuracoes">Configurações</a></li>
                @endif
                <li role="presentation"><a href="#tabredessociais" aria-controls="tabredessociais" role="tab" data-toggle="tab" id="aba-redessociais">Redes sociais</a></li>
            </ul>

            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="tabcabecalho">
                    <br/>

                    <div class="form-horizontal">
                        <div class="form-group">
                            {!!Form::label('rg', trans('validation.attributes.rg'), array('class' => 'col-md-2 control-label grupo-detalhes-pessoa-fisica'))!!}
                            <div class="col-md-3 grupo-detalhes-pessoa-fisica">
                                <div class="form-line">
                                    {!!Form::text('rg', $object->rg, array('class' => 'form-control'))!!}
                                </div>
                            </div>

                            <div class="col-md-2 col-md-offset-2">
                                {{Form::checkbox('ativo', 'S', $object->ativo != 'N',array('id'=>'ativo'))}}
                                <label for="ativo">
                                    {{trans('validation.attributes.ativo')}}
                                </label>
                            </div>
                        </div>

                        <div class="form-group">
                            {!!Form::label('email_contato', trans('validation.attributes.email_contato'), array('class' => 'col-md-2 control-label'))!!}
                            <div class="col-md-4">
                                <div class="form-line">
                                    {!!Form::text('email_contato', $object->email_contato, array('class' => 'form-control'))!!}
                                </div>
                            </div>

                            {!!Form::label('email_secundario', trans('validation.attributes.email_secundario'), array('class' => 'col-md-2 control-label'))!!}
                            <div class="col-md-4">
                                <div class="form-line">
                                    {!!Form::text('email_secundario', $object->email_secundario, array('class' => 'form-control'))!!}
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            {!!Form::label('telefone', trans('validation.attributes.telefone'), array('class' => 'col-md-2 control-label'))!!}
                            <div class="col-md-3">
                                <div class="form-line">
                                    {!!Form::text('telefone', $object->telefone, array('class' => 'form-control mask-telefone'))!!}
                                </div>
                            </div>

                            {!!Form::label('telefone_secundario', trans('validation.attributes.telefone_secundario'), array('class' => 'col-md-3 control-label'))!!}
                            <div class="col-md-3">
                                <div class="form-line">
                                    {!!Form::text('telefone_secundario', $object->telefone_secundario, array('class' => 'form-control'))!!}
                                </div>
                            </div>
                        </div>

                        <div class="form-group grupo-detalhes-pessoa-fisica">
                            {!!Form::label('data_nascimento', trans('validation.attributes.data_nascimento'), array('class' => 'col-md-2 control-label'))!!}
                            <div class="col-md-3">
                                <div class="form-line">
                                    {!!Form::text('data_nascimento', $object->data_nascimento, array('class' => 'form-control mask-data'))!!}
                                </div>
                            </div>

                            @sistemaCorreria
                                {!!Form::label('sexo', trans('validation.attributes.sexo'), array('class' => 'col-md-3 control-label'))!!}
                                <div class="col-md-4 form-control-static">
                                    {{Form::radio('sexo', 'F', $object->sexo == 'F',['id'=>'sexo_f'])}}
                                    <label for="sexo_f">{{trans('validation.attributes.feminino')}}</label>

                                    {{Form::radio('sexo', 'M', $object->sexo == 'M',['id'=>'sexo_m'])}}
                                    <label for="sexo_m">{{trans('validation.attributes.masculino')}}</label>
                                </div>
                            @endif
                        </div>

                        @if($tipo == 'A')
                            @include('contextousuario.alunos.responsaveis')
                        @endif
                    </div>
                </div>

                <div role="tabpanel" class="tab-pane" id="tabendereco">
                    <br/>

                    <div class="form-horizontal">
                        <div class="form-group">
                            {{Form::label('logradouro', trans('validation.attributes.logradouro'), array('class' => 'col-md-2 control-label'))}}
                            <div class="col-md-6">
                                <div class="form-line">
                                    {{Form::text('logradouro', $object->logradouro, array('class' => 'form-control'))}}
                                </div>
                            </div>

                            {{Form::label('endereco_numero', trans('validation.attributes.endereco_numero'), array('class' => 'col-md-2 control-label'))}}
                            <div class="col-md-2">
                                <div class="form-line">
                                    {{Form::text('endereco_numero', $object->endereco_numero, array('class' => 'form-control'))}}
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            {{Form::label('complemento_endereco', trans('validation.attributes.complemento_endereco'), array('class' => 'col-md-2 control-label'))}}
                            <div class="col-md-3">
                                <div class="form-line">
                                    {{Form::text('complemento_endereco', $object->complemento_endereco, array('class' => 'form-control'))}}
                                </div>
                            </div>

                            {{Form::label('bairro', trans('validation.attributes.bairro'), array('class' => 'col-md-1 control-label'))}}
                            <div class="col-md-6">
                                <div class="form-line">
                                    {{Form::text('bairro', $object->bairro, array('class' => 'form-control'))}}
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            {{Form::label('estado_id', trans('validation.attributes.estado_id'), array('class' => 'col-md-2 control-label'))}}
                            <div class="col-md-3">
                                @if(isset($object->cidade->id))
                                    {!! Layout::inputAutocomplete(array('idrec'=>$object->cidade->estado->id, 'name'=>'estado_id', 'action'=>\App\Http\Controllers\EstadosController::pathMethod('autocomplete'))) !!}
                                @elseif(\Auth::user()->empresa->cidade->id)
                                    {!! Layout::inputAutocomplete(array('idrec'=>\Auth::user()->empresa->cidade->estado->id, 'name'=>'estado_id', 'action'=>\App\Http\Controllers\EstadosController::pathMethod('autocomplete'))) !!}
                                @else
                                    {!! Layout::inputAutocomplete(array('name'=>'estado_id', 'action'=>\App\Http\Controllers\EstadosController::pathMethod('autocomplete'))) !!}
                                @endif
                            </div>

                            {{Form::label('cidade_id', trans('validation.attributes.cidade_id'), array('class' => 'col-md-1 control-label'))}}
                            <div class="col-md-3">
                                @if(isset($object->cidade->id))
                                    {!! Layout::inputAutocomplete(array('idrec'=>$object->cidade_id, 'name'=>'cidade_id', 'preloaded'=>false, 'class'=>'mask-chosen-cidade_id', 'action'=>\App\Http\Controllers\CidadesController::pathMethod('autocomplete'), 'model'=>\App\Models\Padrao\Cidade::class, 'url'=>"")) !!}
                                @elseif(\Auth::user()->empresa->cidade->id)
                                    {!! Layout::inputAutocomplete(array('idrec'=>\Auth::user()->empresa->cidade->id, 'name'=>'cidade_id', 'preloaded'=>false, 'class'=>'mask-chosen-cidade_id', 'action'=>\App\Http\Controllers\CidadesController::pathMethod('autocomplete'), 'model'=>\App\Models\Padrao\Cidade::class, 'url'=>"")) !!}
                                @else
                                    {!! Layout::inputAutocomplete(array('name'=>'cidade_id', 'preloaded'=>false, 'class'=>'mask-chosen-cidade_id', 'action'=>\App\Http\Controllers\CidadesController::pathMethod('autocomplete'), 'model'=>\App\Models\Padrao\Cidade::class, 'url'=>"")) !!}
                                @endif
                            </div>

                            {{Form::label('cep', trans('validation.attributes.cep'), array('class' => 'col-md-1 control-label'))}}
                            <div class="col-md-2">
                                <div class="form-line">
                                    {{Form::text('cep', $object->cep, array('class' => 'form-control mask-cep'))}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                @if(isset($viewConfiguracoes))
                    <div role="tabpanel" class="tab-pane" id="tabconfiguracoes">
                        <br/>

                        @include($viewConfiguracoes)
                    </div>
                @endif

                <div role="tabpanel" class="tab-pane" id="tabredessociais">
                    <br/>

                    <div class="form-horizontal">
                        <div class="form-group">
                            {{Form::label('facebook_url', trans('validation.attributes.facebook_url'), array('class' => 'col-md-2 control-label'))}}
                            <div class="col-md-6">
                                <div class="form-line">
                                    {{Form::text('facebook_url', $object->facebook_url, array('class' => 'form-control','placeholder'=>'facebook.com/pessoa.exemplo'))}}
                                </div>

                                <p><small>Informe o endereço do facebook para exibirmos uma imagem no perfil</small></p>

                                <div id="avatar-loader"></div>
                            </div>
                            <div class="col-md-4">
                                <img id="avatar" class="img-circle" src="{{$object->getAvatar()}}" data-default-src="{{url('/img/default-avatar.svg')}}">
                                {{Form::hidden('facebook_imagem',null,array('id'=>'facebook_imagem'))}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-offset-2 col-md-8">
                    {!! Layout::buttonSave() !!}
                </div>
            </div>

            {!! Layout::closeCardForm()!!}
        </div>
    </div>

    {!! Layout::buttonPreviousIcon() !!}

    @push('scripts')
    <script>
        var urlcidades = "{{App\Http\Controllers\CidadesController::urlMethod('autocompleteporestado',999999)}}";
        var urlvalidarCPF = "{{$controller::urlMethod('validateCPFouCNPJ',[(isset($object->id) ? $object->id : 0),"TIPO","NUMERO"])}}";
        var urlimagemFacebook = "{{$controller::urlMethod('getImageByFacebookUrl')}}";

        $(document).ready(function () {
            $("#tipo_pessoa").on("change",function (e) {
                e.preventDefault();

                $('#cpf_cnpj').val('');
                $("#div-validacao-cpf").html("");

                mudouTipoPessoa();
            });

            $("#cpf_cnpj").on("change",function () {
                var tipo = $("#tipo_pessoa option:selected").val();
                var cpf = $("#cpf_cnpj").val().replace('/','');

                $("#div-validacao-cpf").html($("#loader-default").html());

                if (cpf === ""){
                    $("#div-validacao-cpf").html('');
                    return;
                }

                var urlLoad = urlvalidarCPF.replace("TIPO",tipo).replace("NUMERO",cpf);

                $.get(urlLoad, function (data) {
                    $("#div-validacao-cpf").html(data);
                }).fail(function(){
                    $("#div-validacao-cpf").html('Ocorreu um erro ao validar o CPF/CNPJ, continue o cadastro normalmente.');
                });
            });

            $("#facebook_url").on("change",function(e){
                var urlfacebook = $(this).val();

                $("#avatar-loader").html($("#loader-default").html());
                $("#avatar-loader").show();

                if (urlfacebook != "" && urlfacebook != undefined){
                    var urlLoad = urlimagemFacebook + "?profile_url=" + urlfacebook;

                    $.getJSON(urlLoad, function (data) {
                        if (data.success){
                            $("#avatar-loader").hide();
                            $("#avatar").attr('src',"data:image/png;base64, " + data.imagem);
                            $("#facebook_imagem").val(data.imagem);
                        }else{
                            $("#avatar-loader").html("Erro ao buscar imagem. Só é possível buscar imagem de perfis públicos.");
                            $("#avatar").attr('src',$("#avatar").data('default-src'));
                        }
                    }).fail(function(){
                        $("#avatar-loader").html("Erro ao buscar imagem. Só é possível buscar imagem de perfis públicos.");
                        $("#avatar").attr('src',$("#avatar").data('default-src'));
                    });
                }else{
                    $("#avatar-loader").hide();
                    $("#avatar").attr('src',$("#avatar").data('default-src'));
                    $("#facebook_imagem").val("");
                }
            });
        });

        mudouTipoPessoa();

        function mudouTipoPessoa() {
            var tipo_pessoa = $('#tipo_pessoa option:selected').val();

//            //console.log(tipo_pessoa);

            if (tipo_pessoa === "F"){
                $("#cpf_cnpj").prop('placeholder',"Informe o CPF");
                $("#cpf_cnpj").removeClass('mask-cnpj');
                $("#cpf_cnpj").addClass('mask-cpf');
                $(".grupo-detalhes-pessoa-fisica").show();
            } else {
                $("#cpf_cnpj").prop('placeholder',"Informe o CNPJ");
                $("#cpf_cnpj").removeClass('mask-cpf');
                $("#cpf_cnpj").addClass('mask-cnpj');
                $(".grupo-detalhes-pessoa-fisica").hide();
            }

            defineMasksDefault();
        }



    </script>
    @endpush

    <style>

    </style>​
@stop