@extends('layouts.dashboard')
@section('content')
    <input type="hidden" name="location_intern"/>
    <div class="row">
        <div class="col-md-12 col-xs-12 col-sm-12">

            <div class="card">
                <div class="content">
                    <label>RAZÃO SOCIAL</label>
                    <p>{!! $client->empresa !!}</p>

                    <label>NOME FANTASIA</label>
                    <p>{!! $client->nome !!}</p>


                </div>
            </div>


            <div class="card">
                <div class="content content-full-width">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" {!! ($nav === 'dados_pessoais') ? 'class="active"' : ''  !!}>
                            <a href="#dados_pessoais" aria-controls="dados_pessoais" role="tab" data-toggle="tab"><i class="fa fa-info"></i> Dados Gerais</a>
                        </li>
                        <li role="presentation" {!! ($nav === 'contatos') ? 'class="active"' : ''  !!}>
                            <a href="#contatos" aria-controls="contatos" role="tab" data-toggle="tab">Contatos</a>
                        </li>

                        @if(\Auth::user()->hasPermission(\Permissions::CLIENT_INTERACTION_INDEX))
                            <li role="presentation" {!! ($nav === 'interacoes') ? 'class="active"' : ''  !!}>
                                <a href="#historico_cliente" aria-controls="historico_cliente" role="tab" data-toggle="tab">Interações</a>
                            </li>
                        @endif
                    </ul>

                    <div class="content">
                        <!-- Tab panes -->
                        <div class="tab-content">
                            @include('gestao.clientes.edit.dados_pessoais')
                            @include('gestao.clientes.edit.contatos')
                            @include('gestao.clientes.edit.interacoes')

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $.fn.modal.Constructor.prototype.enforceFocus = function() {};
    </script>
    <script src="{{ asset('lib/js/client.form.js') }}"></script>
    <script>
        var showProductForm = function()
        {

            $("#productInput").show();
        }
    </script>
@endsection