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

@section('content')

<span data-sendvalue="side">
  @include('web.teacher.partials.sideBarValue')
</span>

<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($evaluationLessons) !== 0)
          <!-- Status: Aula confirmada -->
          @foreach($evaluationLessons 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">
                      @for ($i = 1; $i <= $lesson->teacher_review->rating; $i++)
                        <img src="{{ asset('images/web/icons/star.svg') }}" alt="Estrela">
                      @endfor
                    </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', $lesson->student->id) }}">Ver</a>
                </div>
                <div class="acceptSetting valuateClass">
                  <a class="" href="{{ route('detailsClass', $lesson->id) }}">Ver detalhes</a>
                  @if(empty($lesson->teacher_review) && $lesson->statusLabel === 'Aula Realizada')
                    <a href="#" class="rating" data-lessonid="{{$lesson->id}}">Avaliar</a>
                  @endif
                </div>
              </div>
            </div>

            <!-- Componente Vue.js para avaliação -->
            <lesson-rating-teacher
              :save_route="`{{ route('save-teacher-review') }}`"
              :classe_id="`sideBarValue-{{$lesson->id}}`"
              :user_type="`{{ auth()->user()->type }}`"
              :lesson_id="`{{$lesson->id}}`"
              :user_id="`{{$lesson->teacher_id}}`"
              :student_id="`{{$lesson->student_id}}`"
              :student_name="`{{$lesson->student->profile->name}}`"
              :student_avatar="`{{ (empty($lesson->student->profile->avatar)) ? asset('images/web/avatarProf.svg') : $lesson->student->profile->avatar }}`"
              :levels='@JSON($levels)'
            ></lesson-rating-teacher>

          @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">Adicionar vocabulário</a>
       <a href="{{ url('/') }}" class="voltar">Mais tarde</a>
    </div>
  </section>
</span>

@stop