@extends('web.teacher.index')
@section('title', 'Minhas Aulas')

@section('content')

    @include('web.teacher.partials.sideBarAvailability')


    <section class="myProfileMobile">
        <div class="menuTopMobile">
            <div class="menuMobileConteiner">

                <div>
                    <h2 class="font-bold">
                        Minhas aulas
                    </h2>
                </div>

            </div>
            <div class="opcoes optionsMobileProf">
                <div data-progress="proximas">
                    <a href="">Próximas</a>
                </div>
                <div data-progress="historico">
                    <a href="">Histórico</a>
                </div>
            </div>
        </div>
        <div class="marginMenuMobile2"> </div>
    </section>


    <section class="myProfile editMobile spanProf">
        <div class="barMyProfile closeMobile">
            <div class="title">
                <h2> Minhas aulas </h2>
                <img class="doll10" src="{{ asset('images/web/doll/p10.png') }}" alt="">
            </div>

            <div class="generalBadges optionsLabelProf">
                <div data-progress="proximas" class="active">
                    <h3>Próximas</h3>
                </div>

                <div data-progress="historico">
                    <h3>Histórico</h3>
                </div>
            </div>
        </div>


        <span data-progresslabel="proximas">
    <div class="historic myClassTeacher">
      <div class="contentNextTasks contentMyClassTeacher">
        @if( count($futureLessons) !== 0 )
              @foreach($futureLessons as $lesson)
                  @include('web.partials.lessonCard')
              @endforeach
          @else
              <div class="classChecked">
                <div class="contentChecked classConfirmed">
                  <h3>Opa!</h3>
                    <h2>Nenhuma aula encontrada.</h2>
                </div>
            </div>
          @endif
      </div>
    </div>
  </span>
    <span data-progresslabel="historico">
        <div class="historicStudents contentMyClassTeacher">
            @if( count($pastLessons) !== 0 )
            @foreach($pastLessons as $lesson)
                @include('web.partials.lessonCard')
            @endforeach
            @else
                <div class="classChecked">
                <div class="contentChecked classConfirmed">
                      <h3>Ah Não!</h3>
                      <h2>Seu histórico esta vázio</h2>
                </div>
            </div>
        @endif
        </span>
    </section>

@stop