@extends('layouts.app')

@section('content')
    @include('layouts.cdn.fullcalendar-css')

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

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

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

    @sistemaDescomplica
    <div class="row">
        <hr/>

        <div class="col-lg-2">
            <strong>
                {{trans('validation.attributes.idiomas')}}:
            </strong>
        </div>
        <div class="col-lg-4">
            <ul class="list-unstyled" id="list-idiomas">
            @foreach($profissional->idiomas as $profissionalIdioma)
                <li>{{$profissionalIdioma->idioma->nome}}</li>
            @endforeach
            </ul>
        </div>
    </div>
    @endif

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

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

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

    <div class="row">
        <div class="col-lg-12">
            <div class="row">
                <div class="col-sm-6">
                    <div id="loader-calendar"></div>
                </div>
                <div class="col-sm-6 text-right">
                    <a class="btn btn-default btn-circle waves-effect waves-circle waves-float pull-right" target="_blank" href="{{\App\Http\Controllers\ContextoUsuario\ProfissionaisController::urlMethod('agenda', ['id' => $profissional->id])}}">
                        <i class="material-icons">open_in_new</i>
                    </a>
                </div>
            </div>


            <div id="calendar"></div>
        </div>
    </div>

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

    {!! Layout::openCard('Disponibilidade de horários',array('class'=>'card-closeable-header')) !!}

    <div id="custom-toolbar-horarios">
        @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::PERM_Cadastro_Profissionais))
        {!! Layout::buttonAddBig(App\Http\Controllers\ContextoUsuario\ProfissionaisController::urlMethod('createHorario', ['id' => $profissional->id]),['id'=>'btn_novo_horario']) !!}
        @endif
    </div>

    <table id="table" class="tabela-dinamica"
           data-toggle="table"
           data-url="{{ App\Http\Controllers\ContextoUsuario\ProfissionaisController::urlMethod('listHorarios',$profissional->id) }}"
           data-side-pagination="server"
           data-pagination="true"
           data-page-list="[10,20]"
           data-toolbar="#custom-toolbar-horarios">
        <thead>
        <tr>
            <th data-field="descricao_dia_semana" data-sortable="true">{{trans('validation.attributes.dia_semana')}}</th>
            <th data-field="profissional_horarios_hora_ini" data-sortable="true">{{trans('validation.attributes.hora_ini')}}</th>
            <th data-field="profissional_horarios_hora_fim" data-sortable="true">{{trans('validation.attributes.hora_fim')}}</th>
            <th data-formatter="bootstrapTableButtons" data-nome-div-formatter="table-butons-horarios" data-width="200">Ações</th>
        </tr>
        </thead>
    </table>

    <div id="table-butons-horarios" class="hide">
        @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::PERM_Cadastro_Profissionais))
            {!! \Devguar\OContainer\Frontend\Helpers\LayoutHelperMaterial::buttonDeleteIcon(App\Http\Controllers\ContextoUsuario\ProfissionaisController::urlMethod('deleteHorario', ['id' => 999999])) !!}
        @endif
    </div>

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

    {!! Layout::openCard('Aulas',array('class'=>'card-closeable-header')) !!}

    <div class="row">
        <div class="col-lg-9">
            <div id="custom-aulas-toolbar">
                {!! Form::select('filtro-aulas',array('proximas'=>'Somente aulas futuras','mes-atual'=>'Mês atual ('.\Devguar\OContainer\Util\DateAndTimeHelper::monthName((new \DateTime())->format('m')).')','proximos-45'=>'Próximos 45 dias','ultimos-45'=>'Últimos 45 dias','ultimos-90'=>'Últimos 90 dias','todas'=>'Todas aulas'), 'proximas', array('class' => 'form-control mask-chosen','id'=>'filtro-aulas')) !!}
            </div>

            <table id="table-aulas" 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"
                   data-toolbar="#custom-aulas-toolbar">
                <thead>
                <tr>
                    <th data-field="aulas_data" data-sortable="true" data-formatter="bootstrapTableFormatDate">{{trans('validation.attributes.data')}}</th>
                    <th data-field="aulas_hora_ini" data-sortable="true">{{trans('validation.attributes.horario')}}</th>
                    <th data-field="salas_nome" data-sortable="true">{{trans('validation.attributes.sala')}}</th>
                    @sistemaDescomplica
                    <th data-field="cursos_descricao" data-sortable="true">{{trans('validation.attributes.curso')}}</th>
                    @endif
                    <th data-formatter="bootstrapTableButtons" data-nome-div-formatter="table-butons-aulas" data-width="200">Ações</th>
                </tr>
                </thead>
            </table>
        </div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-sm-6">
                    <h5>Alunos atendidos por este profissional</h5>
                </div>
                <div class="col-sm-6 text-right">
                    {!! \Devguar\OContainer\Frontend\Helpers\LayoutHelperMaterial::buttonDinamic('#', 'print-tabela-alunos-profissional', 'default', 'printer', 'Imprimir', true) !!}
                    {!! \Devguar\OContainer\Frontend\Helpers\LayoutHelperMaterial::buttonDinamic(\App\Http\Controllers\ContextoUsuario\ProfissionaisController::urlMethod('exportListaAlunos',$profissional->id),'export','default','cloud_download','Exportar lista de alunos do professor', true) !!}
                </div>
            </div>

            <div style="max-height: 600px; overflow-x: auto">
                <table class="table table-hover tabela-dinamica" id="tabela-alunos-profissional">
                    <tbody>
                    @foreach($alunosDoProfissional as $alunoDoProfissional)
                        <tr>
                            <td>
                                {{ $alunoDoProfissional->nome }}
                            </td>
                            <td>
                                {!! \Devguar\OContainer\Frontend\Helpers\LayoutHelperMaterial::buttonReadIcon(\App\Http\Controllers\ContextoUsuario\AlunosController::urlMethod('read',$alunoDoProfissional->id),array('target'=>'_blank','add-class'=>'hidden-print')) !!}
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

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


    @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::PERM_Contas_Pagar))
        {!! Layout::openCard('Pagamentos',array('class'=>'card-closeable-header')) !!}

        <div id="title-fechamentos"><h4>Fechamentos de período</h4></div>

        <table id="table" class="tabela-dinamica"
               data-toggle="table"
               data-url="{{ App\Http\Controllers\ContextoUsuario\ProfissionaisController::urlMethod('listfechamentos',$profissional->id) }}"
               data-side-pagination="server"
               data-pagination="true"
               data-page-list="[5, 10, 20, 50, 100, 200]"
               data-search="true"
               data-sort-name="titulos_numero_titulo" data-sort-order="desc"
                data-toolbar="#title-fechamentos">
            <thead>
            <tr>
                <th data-field="titulos_numero_titulo" data-sortable="true">{{trans('validation.attributes.titulo')}}</th>
                <th data-field="profissional_fechamentos_data_inicial" data-sortable="true" data-formatter="bootstrapTableFormatDate">{{trans('validation.attributes.periodo')}}</th>
                <th data-field="profissional_fechamentos_data_final" data-sortable="true" data-formatter="bootstrapTableFormatDate">{{trans('validation.attributes.ate')}}</th>
                <th data-field="profissional_fechamentos_quantidade_aulas" data-sortable="true">{{trans('validation.attributes.quantidade_aulas')}}</th>
                <th data-field="titulos_data_vencimento" data-sortable="true" data-formatter="bootstrapTableFormatDate">{{trans('validation.attributes.vencimento')}}</th>
                <th data-field="titulos_situacao" data-sortable="true" data-formatter="bootstrapTableFormatSituacaoTitulo">{{trans('validation.attributes.situacao')}}</th>
                <th data-field="titulos_valor" data-sortable="true" data-align="right">{{trans('validation.attributes.valor')}}</th>
                <th data-formatter="bootstrapTableButtons" data-nome-div-formatter="table-butons-fechamentos" data-width="50">Ações</th>
            </tr>
            </thead>
        </table>

        <div id="table-butons-fechamentos" class="hide">
            <a href="{{ App\Http\Controllers\ContextoUsuario\ProfissionaisController::urlMethod('readfechamento', ['id' => 999999]) }}" class="btn btn-default mask-tooltip" title="Visualizar título"><i class="material-icons">zoom_in</i></a>
        </div>

        <div id="title-pagamentos-avulsos"><h4>Pagamentos avulsos</h4></div>

        <table class="tabela-dinamica"
               data-toggle="table"
               data-url="{{ App\Http\Controllers\ContextoUsuario\ContasPagarController::urlMethod('listporprofissionalsemfechamentovinculado',$profissional->id) }}"
               data-side-pagination="server"
               data-pagination="true"
               data-page-list="[5, 10, 20, 50, 100, 200]"
               data-search="true"
               data-sort-name="titulos_numero_titulo" data-sort-order="desc"
                data-toolbar="#title-pagamentos-avulsos">
            <thead>
            <tr>
                <th data-field="titulos_numero_titulo" data-sortable="true">{{trans('validation.attributes.titulo')}}</th>
                <th data-field="titulos_data_vencimento" data-sortable="true" data-formatter="bootstrapTableFormatDate">{{trans('validation.attributes.vencimento')}}</th>
                <th data-field="formas_pagamento_nome" data-sortable="true">{{trans('validation.attributes.forma_pagamento')}}</th>
                <th data-field="tipos_cobranca_nome" data-sortable="true">{{trans('validation.attributes.tipo_cobranca')}}</th>
                <th data-field="situacao" data-sortable="true" data-formatter="bootstrapTableFormatSituacaoTitulo">{{trans('validation.attributes.situacao')}}</th>
                <th data-field="titulos_valor" data-sortable="true" data-align="right">{{trans('validation.attributes.valor')}}</th>
                <th data-formatter="bootstrapTableButtons" data-width="350"></th>
            </tr>
            </thead>
        </table>

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

    {!! Layout::openCard('Histórico de contatos',array('class'=>'card-closeable-header')) !!}

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

    <table id="table" class="tabela-dinamica"
           data-toggle="table"
           data-url="{{ App\Http\Controllers\ContextoUsuario\ProfissionaisController::urlMethod('listContatos',$profissional->id) }}"
           data-side-pagination="server"
           data-pagination="true"
           data-page-list="[5, 10, 20, 50, 100, 200]"
           data-search="true"
           data-sort-name="pessoa_contatos_data" data-sort-order="desc"
           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>

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

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


    <style>
        .fc-today{
            background-color: #fafafa !important;
        }

        .fc-time-grid-event, .fc-v-event, .fc-event{
            border-radius: 0px;
            border-top: thick solid;
            border-bottom: thick solid;
        }

        .item-aluno-agenda{
            border: 1px dotted #ccc;
            background-color: #fafafa;
            padding: 10px;
        }

        .item-aluno-agenda:hover{
            border: 1px dotted #aaa;
            cursor: pointer;
        }
    </style>
@endsection


@push('scripts')
    @include('layouts.cdn.fullcalendar-js')

    <script>
        var urlAulasCallendar = "{{App\Http\Controllers\ContextoUsuario\AgendaController::urlMethod('aulasAgendaServiceProfissionalFiltro',['profissionalId'=>$profissional->id])}}";
        var urlContentAulas = "{{ App\Http\Controllers\ContextoUsuario\AulasController::urlMethod('listcontentporprofissional',$profissional->id) }}";

        $(document).ready(function() {
            options = {};
            options.header = {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            };

            options.defaultView = 'agendaWeek';
            options.events = urlAulasCallendar;
            options.allDaySlot = false;
            options.minTime = '06:00:00';
            options.scrollTime = moment().format("HH:mm:ss");
            options.slotEventOverlap = false;
            options.hiddenDays = [ 0 ];
            options.height = 400;

            options.loading = function( isLoading, view ){
                if (isLoading){
                    $("#loader-calendar").html($("#loader-default").html()).show();
                }else{
                    $("#loader-calendar").html('').hide();
                }
            };

            $('#calendar').fullCalendar(options);

            loadContentAulas();

            $('#filtro-aulas').on("change",function(){
                loadContentAulas();
            });

            function loadContentAulas() {
                var urlLoad = urlContentAulas;

                var filtro = $('#filtro-aulas').val();
                if (filtro) urlLoad = urlLoad + "?situacao=" + filtro;

                bootstrapTableReload($("#table-aulas"), urlLoad);
            }

            $("#btn_print-tabela-alunos-profissional").on("click",function (e) {
                e.preventDefault();
                var conteudo = "<h4>Alunos de {{$profissional->nome}}</h4><table class='small'>" + $("#tabela-alunos-profissional").html() + "</table>";
                printElement(conteudo);
            })
        });
    </script>


    data-url="

@endpush