@extends('layouts.app')

@push('title')
- Profissionais
@endpush

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

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

    <div class="row">
        <div class="col-xs-6">
            {!! Layout::buttonAddBig(App\Http\Controllers\ContextoUsuario\ProfissionaisController::urlMethod('create')) !!}
        </div>
        <div class="col-xs-6 text-right">
            {!! Layout::buttonEmailIcon(\App\Http\Controllers\ContextoUsuario\EmailController::urlMethod('profissionais'),array('id'=>'btn_enviar_email_todos')) !!}
            {!! Layout::buttonHelpIcon("http://help.descomplica.ocontainer.com/acesso-para-professores/",array('id'=>'btn_help', 'target'=>'_blank')) !!}
        </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>
    </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>
            <th data-formatter="bootstrapTableButtons" data-width="300"></th>
        </tr>
        </thead>
    </table>

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

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

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

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

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

        function loadContent() {
            var parametros = "";

            var ativos = $('#ativos').is(":checked");
            var inativos = $('#inativos').is(":checked");

            parametros = parametros + "?situacao=";

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

            var urlLoad = urlContent + parametros;

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

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

    </script>
    @endpush
@stop