@extends('templates.template')
@push('page-title')
    <h2>PLANOS DE AULAS DIÁRIOS</h2><br>
    <p>Professor(a) cadastre seus planos de acordo com os dias das suas 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 class="col-md-3">
            <a title="Se a data da sua aula não aparecer aqui, você pode clicar aqui e adicionar uma nova data!"
                data-toggle="modal" data-target="#exampleModalRegistrarAulaExtra"
                class="tile-box tile-box-shortcut btn-warning">
                <span class="bs-badge badge-absolute">
                    Gestão de Aulas
                </span>
                <div class="tile-header">Adicionar Aula Extra</div>
                <div class="tile-content-wrapper">
                    <i class="glyphicon glyphicon-inbox glyph-icon"></i>
                </div>
            </a>
        </div>

    </div>
    <hr />
    <br>
    <h3 class="text-center" style="margin: 30px 0 15px 0;">
        {{ $instrutorDisciplinaTurma->disciplina['descricao'] }} -
        {{ $instrutorDisciplinaTurma->turma['descricao'] }}<br>
    </h3>
    <h4 class="text-center" style="margin: 20px 0 15px 0;">
        <span style="color: #949393;">INSTRUTOR(A): {{ $instrutorDisciplinaTurma->instrutor['nome'] }}</span>
    </h4>
    <h5 class="text-center" style="margin-bottom: 30px;">DIAS LETIVOS REFERENTES A {{ mb_strtoupper($mes_por_extenso) }} DE
        2023
    </h5>
    <div class="container text-center">
        <div class="row row-no-gutters">
                    </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">Aulas Registradas</h3>
        </div>
        <div class="panel-body">
            <h6 style="margin: 5px 0;">Total de {{ count($aulas) }} lançadas.</h6>
            <ul class="list-group">
                @foreach ($aulas as $key)
                    <li class="list-group-item hover {{ $key->situacao == 3 ? 'list-group-item-danger' : '' }}">
                        <div class="row" style="margin-bottom: 10px;">
                            <div class="col-md-2">
                                <h6 style="color: #949393;">#ID</h6>
                                <h5>{{ $key->id }}</h5>
                            </div>
                            <div class="col-md-6">
                                <h6 style="color: #949393;">Data</h6>