@extends('web.teacher.index')
@section('title', 'Vocabulário')

@section('content')
    <span  class="active"  data-sendvalue="content">
  <section class="myProfileMobile">
    <div class="menuTopMobile">
      <div class="displayProfile">
        <div class="imgProfile imgProfileProf">
            <img src="{{  !empty(auth()->user()->profile->avatar)  ? asset(auth()->user()->profile->avatar) : asset('images/web/avatarProf.svg') }}" alt="Foto Perfil">
        </div>

        <div class="infoProfile">
          <h2>Olá, {{auth()->user()->profile->name}}</h2>
          <h3>{{ date('l, F d, Y')  }}</h3>
        </div>
      </div>

    </div>
    <div class="marginMenuMobileProf"> </div>
  </section>


  <section class="myProfile editMobile spanProf">
    <div class="barMyProfile ">
      <div class="title">
        <h2>Últimas atividades</h2>
      </div>

    </div>



    <div class="historic myClassTeacher">
      <div class="contentNextTasks contentMyClassTeacher">
      @if(count($pastLessons) !== 0)
        <!--Status: Aula confirmada -->
           @foreach($pastLessons as $lesson)
              <div class="classChecked">
                  <div class="contentChecked classConfirmed">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h3>Status: {{ $lesson->statusLabel }}</h3>
                                <h2>Aula do dia <span>{{$lesson->date_time->format('d/m/Y')}} ({{ $lesson->date_time->format("H:i") }})</span></h2>
                            </div>
                            @if(!empty($lesson->teacher_review->rating))
                                <div class="star">
                                                                      </div>
                            @endif
                        </div>
                        <div class="infoTeacher">
                          <div class="contentInfo">
                            <div class="imgProfile">
                                <img src="{{ (empty($lesson->student->profile->avatar) )? asset('images/web/avatarProf.svg') : $lesson->student->profile->avatar }}" alt="Perfil">
                            </div>
                            <div class="info">
                              <h2>{{$lesson->student->profile->name}}</h2>
                            </div>
                          </div>

                          <a href="{{ route('student') }}">Ver</a>

                        </div>
                        <div class="acceptSetting valuateClass">
                            <a class="" href="{{ route('detailsClass', $lesson->id) }}">Ver detalhes</a>
                            <a href="#" class="rating"  data-lessonid="{{$lesson->id}}">Adicionar Vocabulário</a>
                        </div>
                  </div>
                </div>
              <lesson-vocab
                  :save_route="`{{ route('saveVocab') }}`"
                  :classe_id="`sideBarValue-{{$lesson->id}}`"
                  :lesson_id="`{{$lesson->id}}`"
                  :currentwords="{{$lesson->lesson_vocabulary}}"
              ></lesson-vocab>
          @endforeach
          @else
              <p>
                Não há aulas para você avaliar.
              </p>
          @endif
        <img class="doll17" src="{{ asset('images/web/doll/p17.png') }}" alt="">
      </div>

    </div>


  </section>


        <!-- Modal Aula Finalizada -->
  <section class="modalClassChecked classFinished" data-modal="sendValue">

    <img class="fechar" src="{{ asset('images/web/icons/x.svg') }}" alt="Fechar">

    <div class="contentChecked">
      <img src="{{ asset('images/web/croods8.svg') }}" alt="Avatar">

      <h1>
        Avaliação enviada com sucesso!
      </h1>
      <h2>
        O seu feedback é importante para ajudar o iWill a garantir a qualidade o sucesso dos seus alunos.
      </h2>

      <a href="{{ route('addVocab') }}" class="ver buttonCompleteOrange" data-openmodal="vocab">
        Adicionar vocabulário
      </a>

      <p href="" class="voltar">
        Mais tarde
      </p>

    </div>

  </section>
</span>

@stop