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

@section('content')

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

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

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

        <div>
          <h2 class="font-bold">
            Meus horários
          </h2>
        </div>

        <a href="{{ route('editHours') }}" class="edit linkOrange">
          Editar
        </a>

      </div>
    </div>
  </section>
  <span class="hoursAvailabilityTeacher">
    @include('web.teacher.partials.sideBarAvailability')
  </span>
</span>

<span data-schedulemobile>
  <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á, <span class="username"></span></h2>
         <h3>{{ date('l, F d, Y')  }}</h3>
        </div>
      </div>

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


  <section class="myProfile editMobile spanProf">
    <div class="barMyProfile closeMobile">
      <div class="title">
        <h2>Suas próximas atividades</h2>
      </div>

      <div class="saveEdit">
        <a href="" data-openmodal="indicar" class="linkOrange">Indique um amigo</a>
      </div>
    </div>

    <div class="yourWeekMobile" data-openschedule="caledario">
      <h2>Confirme a sua disponibilidade semanal</h2>
      <img src="{{ asset('images/web/icons/setaPrice.svg') }}" alt="">
    </div>

    <div class="historic nextTasks">
      <div class="contentNextTasks">
          @foreach($futureLessons as $lesson)
              @if($lesson->status == 'reschedule_pending' )
                  <div class="classChecked">
                      <div class="bannerStatus">
                        <img src="{{ asset('images/web/icons/relogioWhite.svg') }}" alt="Aguardando">
                        <div>
                          <h2>Solicitação de ajuste</h2>
                          <h3>Nova data: {{ date('d/m', strtotime($lesson->date))  }} ({{ date('H:i', strtotime($lesson->time))  }})</h3>
                        </div>
                      </div>
                      <div class="contentChecked classConfirmed">

                        <h3>Status: Aguardando ajuste</h3>
                        <h2>Aula do dia <span>{{ date('d/m', strtotime($lesson->created_at))  }}</span> <span>({{ date('H:i', strtotime($lesson->time)) }} - {{ $lesson->created_at->addMinutes($lesson->duration_in_minutes)->format('H:i') }})</span></h2>

                        <div class="infoTeacher">
                          <div class="contentInfo">
                            <div class="imgProfile">
                              <a href="{{ route('student', $user->student_id) }}"> 
                                <img src="{{ (empty($lesson->student->profile->avatar) )? asset('images/web/avatarProf.svg') : $lesson->teacher->student->avatar }}" alt="Perfil">
                              </a>
                            </div>
                            <div class="info">
                              <h2>
                                  <a href="{{ route('student', $user->student_id) }}">
                                      {{ $lesson->student->profile->name }}
                                  </a>
                              </h2>
                                      
                              <h3>Aula personalizada</h3>
                            </div>
                          </div>


                          <a href="{{ route('student', $lesson->student_id) }}">Ver</a>

                        </div>
                      </div>
                        <accept-setting
                            route="{{ route('cancel-lesson') }}"
                            :user_type='`{{ auth()->user()->type }}`'
                            :lesson_id='`{{ $lesson->id }}`'
                            :user_id='`{{ auth()->id() }}`'
                        ></accept-setting>
                    </div>
          @endif
      @endforeach

        <!--Aula cancelada -->
        @if( count($futureLessons) != 0 )
        <div class="classChecked">

          <details>
            <summary class="statusCanceled">
              <img src="{{ asset('images/web/icons/cancelada.svg') }}" alt="Cancelada">
              <h2>Aula cancelada</h2>

              <img class="arrowUp" src="{{ asset('images/web/icons/arrowUp.svg') }}" alt="Abrir">
            </summary>

              @foreach($futureLessons as $lesson)
                  @if($lesson->status == 'cancelled')
                      <div class="contentChecked classConfirmed">
                        <h2>Aula do dia <span>{{ date('d/m', strtotime($lesson->date)) }}</span> <span>({{ date('H:i', strtotime($lesson->time)) }} - {{ $lesson->created_at->addMinutes($lesson->duration_in_minutes)->format('H:i') }})</span></h2>
                        <div class="infoTeacher">
                          <div class="contentInfo">
                            <div class="imgProfile">
                              <a href="{{ route('student', $user->student_id) }}">
                                <img src="{{ (empty($lesson->student->profile->avatar) )? asset('images/web/avatarProf.svg') : $lesson->student->profile->avatar  }}" alt="Perfil">
                              </a>
                            </div>
                            <div class="info">
                              <h2>
                                  <a href="{{ route('student', $user->student_id) }}">
                                      {{ $lesson->student->profile->name }}
                                  </a>
                              </h2>
                            </div>
                          </div>
                          <a href="{{ route('student', $lesson->student_id) }}">Ver</a>
                        </div>
                      </div>
                  @endif
              @endforeach
          </details>
        </div>
        @endif
      </div>


        <div class="yourClasses">
            <div class="contentYour">
                @if( $teacherStats->lessonCount !== 0)
                    @php
                        setlocale(LC_TIME, 'pt_BR', 'pt_BR.utf-8', 'pt_BR.utf-8', 'portuguese');
                        date_default_timezone_set('America/Sao_Paulo');
                    @endphp
                    <h2>Suas aulas do mês de @php echo strftime('%B'); @endphp</h2>
                    <h3>Parabéns! Sem você, o que seria do aluno?</h3>

                    <div class="contentProgress">

                        <div class="conteinerProgress">
                            <h3>Aulas</h3>
                            <div class="progress">
                                <span class="porcentagem timer" data-from="0" data-to="{{$teacherStats->lessonCount}}" data-speed="1800">{{$teacherStats->lessonCount}}</span>
                                <div class="overlay"></div>
                                <div class="left"></div>
                                <div class="right"></div>
                            </div>
                        </div>
                        <div class="conteinerProgress">
                            <h3>Horas</h3>
                            <div class="progress">
                                <span class="porcentagem timer" data-from="0" data-to="{{ $teacherStats->minutes / 60 }}" data-speed="1800">{{ $teacherStats->minutes / 60 }}</span>
                                <div class="overlay"></div>
                                <div class="left"></div>
                                <div class="right"></div>
                            </div>
                        </div>
                        <div class="conteinerProgress">
                            <h3>Alunos</h3>
                            <div class="progress">
                                <span class="porcentagem timer" data-from="0" data-to="{{ $teacherStats->studentCount }}" data-speed="1800">{{ $teacherStats->studentCount }}</span>
                                <div class="overlay"></div>
                                <div class="left"></div>
                                <div class="right"></div>
                            </div>
                        </div>

                    </div>
                @else
                    @php
                        setlocale(LC_TIME, 'pt_BR', 'pt_BR.utf-8', 'pt_BR.utf-8', 'portuguese');
                        date_default_timezone_set('America/Sao_Paulo');
                    @endphp
                    <h2>Parece que você não fez aulas no mês de @php echo strftime('%B'); @endphp</h2>
                @endif

            </div>
        </div>
      <img class="doll13" style="top: 110%;" src="{{ asset('images/web/doll/p13.png') }}" alt="">
    </div>

  </section>
</span>

<!-- Modal Indicar -->
<section class="modalClassChecked modalShowFriends" data-modal="indicar">

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

  <div class="contentChecked">
    <h1>
      Indique um Amigo
    </h1>
    <h2>
      Envie uma notificação convidando um aluno(a) ou professor(a), para se justar ao iWill.
    </h2>

      <form action="{{route('invite')}}" class="showFriends"  method="post" enctype="multipart/form-data">
          @csrf
          <input type="text" placeholder="Nome" name="nome">

          <input type="email" placeholder="Email" name="email">

          <textarea id="" cols="" rows="" placeholder="Mensagem" name="message"></textarea>

          <input type="submit" value="Enviar" class="">
      </form>

    <p class="voltar">
      Cancelar
    </p>

  </div>
</section>
<!-- Modal Indicar -->


<!-- Modal Rejeitar -->
<section class="modalClassChecked" data-modal="modalCancel">

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

  <div class="contentChecked">
    <img src="{{asset('images/web/croods3.svg')}}" alt="Avatar">
    <h1>
      Tem certeza que deseja cancelar a aula?
    </h1>
    <h2>
      Você não poderá reagendar essa aula mais tarde.
    </h2>

    <a href="" class="ver cancelar">
      Sim, cancelar
    </a>

    <p class="voltar">
      Não, voltar
    </p>


  </div>

</section>

@stop