@extends('templates.template')
@push('page-title')
    <h2>
        Aulas</h2><br>
    <p>Todas as aulas. </p>
@endpush
@section('content')
    <div class="row">
        <div class="col-md-3">
            <a href="{{ route('gestaodeaulas.index', $instrutorDisciplinaTurma->id) }}"
                class="tile-box tile-box-shortcut btn-info">
                <span class="bs-badge badge-absolute">
                    Gestão de Aulas
                </span>
                <div class="tile-header">Voltar</div>
                <div class="tile-content-wrapper">
                    <i class="glyphicon glyphicon-inbox glyph-icon"></i>
                </div>
            </a>
        </div>

    </div>
    <hr />
    <h3>{{ $instrutorDisciplinaTurma->disciplina['descricao'] }} -
        {{ $instrutorDisciplinaTurma->turma['descricao'] }}
        <!-- {{ $instrutorDisciplinaTurma->instrutor['nome'] }} -->
    </h3>
    <hr />

    </hr>

    <table class="table table-striped table-bordered" role="grid" aria-describedby="example_info"
        id="searchListarMatricula" width="100%">
        <thead>
            <tr>
                <th>Nº</th>
                <th>Data</th>
                <th>Plano de Aula</th>
                <th>Aula Prevista</th>
                <th>Aula Ministrada</th>
                <th>Horário</th>
                <th>Ações</th>
            </tr>
        </thead>
        <tbody>
            @for ($i = 1; $i <= count($aulas); $i++)
                @foreach ($aulas as $key)
                    {{-- */
      
        $situacao = '';
        
        if($key->situacao == 1):
          $situacao = 'success';
        elseif($key->situacao == 2):
            $situacao = 'danger';
        elseif($key->situacao == 3):
            $situacao = 'warning';
        endif;
      
       /* --}}
                    <tr class="{{ $situacao ?? '- - -' }}">
                        <td width="5%">{{ $i++ }}</td>
                        <td>{{ date('d/m/Y', strtotime($key->data)) }}</td>
                        <td>{{ $key->planodeaula['descricao'] }}</td>
                        <td style="text-align: center;">{{ $key->conteudo_previsto }}
                            @if (empty($key->conteudo_previsto))
                                @if ($key->planodeaula['situacao'] == 2)
                                @else<a data-toggle="modal" id="{{ $key->id }}" class="aulaPrevista"
                                        data-target="#exampleModalPrevisto" title="Adicionar Conteúdo Previsto"><i
                                            class="glyphicon glyphicon-plus-sign" style="color: green; "></i></a>
                                @endif
                            @endif
                        </td>
                        @if ($key->situacao == 3 or $key->situacao == 2)
                            <td style="text-align: center; color: red">---------------</td>
                        @else
                            <td style="text-align: center;">{{ $key->conteudo_ministrado }} @if (empty($key->conteudo_ministrado))
                                    <a data-toggle="modal" id="{{ $key->id }}" class="aulaMinistrada"
                                        data-target="#exampleModal" title="Adicionar Conteúdo Ministrado"><i
                                            class="glyphicon glyphicon-plus-sign" style="color: green; "></i></a>
                                @endif
                            </td>
                        @endif
                        <td width="5%">
                            @if (empty($key->horario->horario_inicial))
                                @else{{ $key->horario->horario_inicial }} às {{ $key->horario->horario_final }}
                            @endif
                        </td>

                        <td width="5%">
                            <div class="btn-group">
                                <button type="button" class="btn btn-default dropdown-toggle btn-xs"
                                    data-toggle="dropdown">
                                    Ações
                                    <span class="caret"></span>
                                </button>

                                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                    @if ($key->situacao != '3')
                                        <li>
                                            <a href="{{ route('aulas.editar', $key->id) }}"><span><i
                                                        class="glyphicon glyphicon-pencil"></i></span>
                                                Editar Aula</a>
                                        </li>
                                    @endif
                                    @if (count($key->frequencias) > 0)
                                        <li>
                                            <a href="{{ route('frequencia.editar', $key->id) }}"><span><i
                                                        class="glyphicon glyphicon-folder-open"></i></span>
                                                Abrir Frequencia</a>
                                        </li>
                                    @else
                                        @if ($key->situacao != '3')
                                            <li>
                                                <a href="{{ route('frequencia.create', $key->id) }}"><span><i
                                                            class="glyphicon glyphicon-folder-open"></i></span>
                                                    Realizar Frequencia</a>
                                            </li>
                                        @endif
                                    @endif

                                    @if ($role != 'professor' && $key->situacao == 1)
                                        <li>
                                            <a href="{{ route('aulas.situacaoFaltar', $key->id) }}"><span><i
                                                        class="glyphicon glyphicon-thumbs-down"></i></span>
                                                Adicionar Falta</a>
                                        </li>
                                    @endif

                                    @if ($role != 'professor' && $key->situacao != 1 && $key->situacao != 3)
                                        <li>
                                            <a href="{{ route('aulas.situacaoBloquear', $key->id) }}"><span><i
                                                        class="glyphicon glyphicon-ban-circle"></i></span>
                                                Bloquear Aula</a>
                                        </li>

                                        <li>
                                            <a href="{{ route('aulas.situacaoPresenca', $key->id) }}"><span><i
                                                        class="glyphicon glyphicon-thumbs-up"></i></span>
                                                Adicionar Presença</a>
                                        </li>
                                    @endif

                                    @if ($role != 'professor' && $key->situacao == 3)
                                        <li>
                                            <a href="{{ route('aulas.situacaoDesbloquear', $key->id) }}"><span><i
                                                        class="glyphicon glyphicon-ban-circle"></i></span>
                                                Desbloquear Aula</a>
                                        </li>
                                    @endif

                                    @if ($role != 'professor' && $key->situacao == 1 && $key->situacao != null)
                                        <li>
                                            <a href="{{ route('aulas.situacaoResetar', $key->id) }}"><span><i
                                                        class="glyphicon glyphicon-share-alt"></i></span>
                                                Resetar Aula</a>
                                        </li>
                                    @endif

                                    @if ($role != 'professor')
                                        <li>
                                            <a class="btnExcluir" style="color: red;" data-toggle="modal"
                                                id="{{ $key->id }}" data-target="#modalDeletar"
                                                title="Excluir"><span><i
                                                        class="glyphicon glyphicon-remove-circle "></i></span>
                                                Excluir Aula</a>
                                        </li>
                                    @endif


                                </ul>

                            </div>
                        </td>
                @endforeach
            @endfor
            </tr>

        </tbody>
    </table>

    </div>





    <!-- Modal de Previsto -->
    <div class="modal fade" id="exampleModalPrevisto" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Adicionar Aula Prevista</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        {!! Form::open(['route' => 'aulas.adicionarconteudoprevisto']) !!}

                        {!! Form::hidden('aula_id', null, ['id' => 'campoIdPrevista']) !!}
                        {!! Form::text('conteudo_previsto', null, [
                            'class' => 'dadoTeste form-control',
                            'placeholder' => 'Digite a Aula Prevista...',
                        ]) !!}
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    {!! Form::submit('Salvar', ['class' => 'btn btn-primary']) !!}
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

    <!-- Modal de Relatorios -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Adicionar Aula Ministrada</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        {!! Form::open(['route' => 'aulas.adicionarconteudoministrado']) !!}

                        {!! Form::hidden('aula_id', null, ['id' => 'campoIdMinistrada']) !!}
                        {!! Form::text('conteudo_ministrado', null, [
                            'class' => 'form-control',
                            'placeholder' => 'Digite a Aula Ministrada...',
                        ]) !!}
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    {!! Form::submit('Salvar', ['class' => 'btn btn-primary']) !!}
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

    <!-- Modal de Exclusão -->
    <div class="modal fade" id="modalDeletar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">
                    {!! Form::open(['route' => 'aulas.delete']) !!}
                    {!! Form::hidden('id', null, ['id' => 'campoIdExcluir']) !!}
                    <div class="" style="text-align: center;">
                        <span style="font-size: 30px; margin-bottom: 10px; color: red;"
                            class="glyphicon glyphicon-trash"></span>
                        <h3>Tem Certeza que deseja excluir esse item?</h3>
                    </div>
                </div>
                <div class=" text-center" style="margin-bottom: 20px;">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Não</button>
                    {!! Form::submit('Sim', ['class' => 'btn btn-success']) !!}
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

@stop
@push('scripts')
    {!! HTML::script('bower_components/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js') !!}
    <script type="text/javascript">
        $(document).ready(function() {
            $('#searchListar').dataTable();
            $('#searchListarMatricula').dataTable();



            $(document).on('click', '.aulaMinistrada', function(event) {
                event.preventDefault();
                var id = $(this).attr('id');
                console.log(id)
                $("#campoIdMinistrada").val(id)
            });

            $(document).on('click', '.aulaPrevista', function(event) {
                event.preventDefault();
                var id = $(this).attr('id');
                console.log(id)
                $("#campoIdPrevista").val(id)
            });

            $(document).on('click', '.btnExcluir', function(event) {
                event.preventDefault();
                var id = $(this).attr('id');
                console.log(id)
                $("#campoIdExcluir").val(id)
            });

        });
    </script>
@endpush