@extends('layouts.app')

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

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

    <div class="row">
        <div class="col-xs-6">
            @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::PERM_Cadastro_Interessados))
            {!! Layout::buttonAddBig(App\Http\Controllers\ContextoUsuario\InteressadosController::urlMethod('create')) !!}
            @endif
        </div>
        <div class="col-xs-6 text-right">
            @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::PERM_Comunicacao_Em_Massa))
            {!! Layout::buttonEmailIcon(\App\Http\Controllers\ContextoUsuario\EmailController::urlMethod('interessados'),array('id'=>'btn_enviar_email_todos')) !!}
            @endif
        </div>
    </div>

    <div id="custom-toolbar">
        <input type="checkbox" id="ativos" checked="">
        <label for="ativos">Ativos</label>

        <input type="checkbox" id="inativos">
        <label for="inativos">Inativos</label>

        <input type="checkbox" id="ex-alunos" checked="">
        <label for="ex-alunos">Ex-alunos</label>

        <input type="checkbox" id="contato-novo" checked="">
        <label for="contato-novo">Novos contatos</label>
    </div>

    <table id="table" class="tabela-dinamica"
           data-toggle="table"
           data-side-pagination="server"
           data-pagination="true"
           data-page-list="[5, 10, 20, 50, 100, 200]"
           data-search="true"
           @modoMobile
           data-card-view="true"
           data-show-header="false"
           @endif
           data-toolbar="#custom-toolbar">
        <thead>
        <tr>
            <th data-field="avatar" data-formatter="bootstrapTableFormatAvatar"></th>
            <th data-field="pessoas_nome" data-sortable="true" data-formatter="bootstrapTableFormatAtivo">{{trans('validation.attributes.nome')}}</th>
            <th data-field="pessoas_telefone" data-sortable="true">{{trans('validation.attributes.telefone')}}</th>
            <th data-field="pessoas_email_contato" data-sortable="true">{{trans('validation.attributes.email')}}</th>
            @modoNaoMobile
            <th data-field="cidades_nome" data-sortable="false">{{trans('validation.attributes.cidade')}}</th>
            <th data-field="idade" data-sortable="false">{{trans('validation.attributes.idade')}}</th>
            @endif
            <th data-field="ultimo_contato_data" data-sortable="true" data-formatter="bootstrapTableFormatDate">{{trans('validation.attributes.ultimo_contato')}}</th>
            <th data-field="ultimo_contato_observacoes" data-sortable="true">{{trans('validation.attributes.detalhes')}}</th>
            <th data-formatter="bootstrapTableButtons" data-width="250">Ações</th>
        </tr>
        </thead>
    </table>

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

    @push('scripts')
    <script>
        var urlContent = "{{ App\Http\Controllers\ContextoUsuario\InteressadosController::urlMethod('listcontent')}}";
        var urlEmailTodos = "{{ App\Http\Controllers\ContextoUsuario\EmailController::urlMethod('interessados')}}";

        $(document).ready(function(){
            loadContent();

            $('#ativos').on("change",function(){
                loadContent();
            });

            $('#inativos').on("change",function(){
                loadContent();
            });

            $('#ex-alunos').on("change",function(){
                loadContent();
            });

            $('#contato-novo').on("change",function(){
                loadContent();
            });
        });

        function loadContent() {
            var parametros = "";

            var ativos = $('#ativos').is(":checked");
            var inativos = $('#inativos').is(":checked");
            var exalunos = $('#ex-alunos').is(":checked");
            var contatonovo = $('#contato-novo').is(":checked");

            parametros = parametros + "?situacao=";

            if (ativos) parametros = parametros + "A";
            if (inativos) parametros = parametros + "I";

            parametros = parametros + "&proximidade=";

            if (exalunos) parametros = parametros + "E";
            if (contatonovo) parametros = parametros + "N";

            var urlLoad = urlContent + parametros;

            bootstrapTableReload($("#table"), urlLoad);

            var urlEmailBtn = urlEmailTodos + parametros;
            $("#btn_enviar_email_todos").attr('href',urlEmailBtn);
        }

    </script>
    @endpush
@stop