@extends('layouts.app')

@push('title')
- Aulas
@endpush

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

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

        <div id="custom-toolbar">
            <input type="checkbox" id="somente-proximas" checked>
            <label for="somente-proximas">Somente aulas futuras</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"
               data-toolbar="#custom-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.inicio')}}</th>
                <th data-field="aulas_hora_fim" data-sortable="true">{{trans('validation.attributes.fim')}}</th>
                <th data-field="salas_nome" data-sortable="true">{{trans('validation.attributes.sala')}}</th>
                <th data-field="view_profissionais_nome" data-sortable="true">{{trans('validation.attributes.profissional')}}</th>

                @sistemaDescomplica
                    <th data-field="cursos_descricao" data-sortable="true">{{trans('validation.attributes.curso')}}</th>
                @endif

                <th data-formatter="bootstrapTableButtons" data-width="200"></th>
            </tr>
            </thead>
        </table>
    {!! Layout::closeCard() !!}

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

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

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

        function loadContent() {
            var urlLoad = urlContent;

            var somenteProximas = $('#somente-proximas').is(":checked");
            if (somenteProximas) urlLoad = urlLoad + "?situacao=proximas";

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

    </script>
    @endpush
@endsection