@extends('layouts.app')

@section('content')
    <div class="block-header">
        <h2>{{trans('validation.attributes.interessado')}}
        </h2>
    </div>

    {!! Layout::openCard() !!}

    @include('contextousuario.pessoas.cabecalho-read',array('pessoa'=>$interessado))

    <div class="row">
        <div class="col-lg-12">
            {!! implode(' ',$actions) !!}
        </div>
    </div>

    {!! Layout::closeCard() !!}

    {!! Layout::openCard('Histórico de contatos') !!}

    <div id="custom-toolbar-contatos">
        @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::PERM_Cadastro_Interessados))
        {!! Layout::buttonAddBig(App\Http\Controllers\ContextoUsuario\InteressadosController::urlMethod('registrarContato', ['id' => $interessado->id]),['id'=>'btn_registrar_contato']) !!}
        @endif
    </div>

    @if($interessado->contatos->count() > 0)
        <table id="table" class="tabela-dinamica"
               data-toggle="table"
               data-url="{{ App\Http\Controllers\ContextoUsuario\InteressadosController::urlMethod('listContatos',$interessado->id) }}"
               data-side-pagination="server"
               data-pagination="true"
               data-page-list="[5, 10, 20, 50, 100, 200]"
               data-search="true"
               data-toolbar="#custom-toolbar-contatos">
            <thead>
            <tr>
                <th data-field="pessoa_contatos_data" data-sortable="true" data-formatter="bootstrapTableFormatDate">{{trans('validation.attributes.data')}}</th>
                <th data-field="view_usuarios_nome" data-sortable="true">{{trans('validation.attributes.usuario')}}</th>
                <th data-field="pessoa_contatos_observacoes" data-sortable="true">{{trans('validation.attributes.observacoes')}}</th>
                <th data-formatter="bootstrapTableButtons" data-width="150">Ações</th>
            </tr>
            </thead>
        </table>
    @else
        <div class="nothing-to-show">
            <i class="material-icons">cloud_off</i>
            <p>Nenhum contato registrado até o momento.</p>
        </div>
    @endif

    {!! Layout::closeCard() !!}

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