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

@section('content')

@include('web.student.partials.sideBar')

<span data-schedule="caledario">
  <section class="myProfileMobile">
    <div class="menuTopMobile">
      <div class="menuMobileConteiner">

        <a href="" class="voltar">

        </a>

        <div>
          <h2 class="">
            Agendar Aula
          </h2>
        </div>

        <a href="" class="edit" data-openschedule="fechar">
          <img src="{{ asset('images/web/icons/x.svg') }}" alt="voltar">
        </a>

      </div>
    </div>
  </section>
  @include('web.student.partials.sideBarCalendar')
</span>


<span data-schedulemobile>
  <section class="myProfileMobile">
    <div class="menuTopMobile">
      <div class="menuMobileConteiner">

        <a href="index.php" class="voltar">

        </a>

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

        <a href="" class="edit">

        </a>

      </div>

      <div class="opcoes optionsMoreMobile">
        <div class="active" data-progress="proxima">
          <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">
    <div class="barMyProfile closeMobile">
      <div class="title">
        <h2>Minhas aulas</h2>
      </div>

      <div class="optionsMore">
        <div class="generalBadges progressGeneralBadges">
          <div data-progress="proxima" class="active">
            <h3>Próximas</h3>

          </div>

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

        <div class="agendarClass">
          <a href="" data-openschedule="caledario">
            <h2>Agendar aula</h2>
            <img src="{{ asset('images/web/icons/plus.svg') }}" alt="Agendar">
          </a>
        </div>
      </div>
    </div>

    <span data-progresslabel="proxima" class="studentClasses">
        @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

    <!--Aula Confirmada -->

      <div class="dotsClass" data-openschedule="caledario">
        <img src="{{ asset('images/web/icons/plus.svg') }}" alt="Agendar">
      </div>
      <div class="marginMenuMobile1"></div>

    </span>
    <span data-progresslabel="historico" class="studentClasses">
        @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>
</span>
@stop