@extends('layouts.app')

@push('title')
- Cursos
@endpush

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

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

    <div class="row">
        <div class="col-xs-6">
            {!! Layout::buttonAddBig('#') !!}
            {!! Layout::buttonHelpIcon("http://help.descomplica.ocontainer.com/cursos/",array('id'=>'btn_help', 'target'=>'_blank')) !!}
        </div>
    </div>

    <div class="row" id="tipo-curso-opcoes" style="display: none">
        <p class="col-lg-10 text-center" id="tipo-curso-selecione">
            Selecione o tipo de curso:
        </p>

        @include('contextousuario.cursos.selecionar-tipo-curso')
    </div>

    <div id="custom-toolbar">
        <input type="checkbox" id="somente-em-andamento" checked="">
        <label for="somente-em-andamento">Somente cursos em andamento</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"
           @endif
           data-toolbar="#custom-toolbar">
        <thead>
        <tr>
            <th data-field="cursos_data_inicio" data-sortable="true" data-formatter="bootstrapTableFormatDate">{{trans('validation.attributes.inicio')}}</th>
            <th data-field="cursos_data_termino" data-sortable="true" data-formatter="bootstrapTableFormatDate">{{trans('validation.attributes.termino')}}</th>
            <th data-field="idiomas_nome" data-sortable="true">{{trans('validation.attributes.idioma')}}</th>
            <th data-field="niveis_nome" data-sortable="true">{{trans('validation.attributes.nivel')}}</th>
            <th data-field="cursos_tipo" data-card-visible="false">{{trans('validation.attributes.tipo')}}</th>
            <th data-field="cursos_descricao" data-sortable="true">{{trans('validation.attributes.descricao')}}</th>
            <th data-formatter="bootstrapTableButtons" data-width="200"></th>
        </tr>
        </thead>
    </table>

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

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

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

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

            $("#btn_adicionar").on("click",function(e){
                e.preventDefault();

                $("#tipo-curso-opcoes").toggle('fast');
            });
        });

        function loadContent() {
            var urlLoad = urlContent;

            var somenteEmAndamento = $('#somente-em-andamento').is(":checked");
            if (somenteEmAndamento) urlLoad = urlLoad + "?situacao=emandamento";

            bootstrapTableReload($("#table"), urlLoad);
        }
    </script>
    @endpush
@endsection