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

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

    @if(session('message'))
        <div class="alert alert-primary" role="alert">
            {{session('message')}}
        </div>
    @endif

    <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="displayProfile">
        <div class="imgProfile">
            <img src="{{ !empty(auth()->user()->profile->avatar) ? asset( auth()->user()->profile->avatar ) : asset('images/web/avatarProf.svg')   }}" class="user-avatar" 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="marginMenuMobile2"> </div>
  </section>

  <section class="myProfile editMobile">

    @isset($userProfile->name)
    <div class="barMyProfile closeMobile">
      <div class="title">
        <h2>Olá, <span class="username">{{$userProfile->name}}</span></h2>
      </div>

      <!-- <img class="sDolls2" src="{{ asset('images/web/doll/ps2.png') }}" alt=""> -->


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

        <a href="" data-openschedule="caledario">
          <h2>Agendar aula</h2>
          <img src="{{ asset('images/web/icons/plus.svg') }}" alt="Agendar">
        </a>
      </div>
    </div>
    @endisset
    <div class="trialChecked">
          @if($result)
            <div class="classChecked">
            <div>
              <h3>Sua próxima aula inicia </h3>
              <h2> {{ $result }} <span>( {{ date('H:i', strtotime($nextLesson->time))  }} )</span></h2>
              <a href="{{ route('classRoom', $nextLesson->id) }}" id="">
                Iniciar aula
              </a>
                @if(session('notready'))
                    <p class="text-warning">
                        Aula ainda não iniciada
                    </p>
                @endif
            </div>
            <img class="sDolls2-1" style="width: 170px" src="{{ asset('images/web/doll/ps2-1.png') }}" alt="Avatar">
          </div>
        @else
            <div class="classChecked">
            <div>
              <h3>Você não tem aulas agendadas</h3>
            </div>
            <img class="sDolls2-1" style="width: 170px" src="{{ asset('images/web/doll/p17.png') }}" alt="Avatar">
          </div>
        @endif
    </div>
    <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($lessons as $lesson_cancelled)
              @if($lesson_cancelled->status == "cancelled")
                  <div class="contentChecked">
                    <h3>Status: Aula cancelada pelo <span> {{ $lesson_cancelled->cancelled_by == "student" ? 'estudante' : 'professor' }} </span></h3>
                    <h2>Aula do dia <span>{{ date('d/m/y', strtotime($lesson_cancelled->date))  }}</span> <span>({{ date('H:i', strtotime($lesson_cancelled->time))}})</span></h2>
                    <div class="infoTeacher">
                        <div class="contentInfo">
                          <div class="imgProfile">
                            <img src="{{ (empty($lesson_cancelled->teacher_profile->avatar) )? asset('images/web/avatarProf.svg') : $lesson_cancelled->teacher_profile->avatar }}" alt="Perfil">
                          </div>
                          <div class="info">
                            <h2>{{ $lesson_cancelled->teacher_profile->name ?? "Professor" }}</h2>
                            <h3>{{ $lesson_cancelled->brief_description }}</h3>
                          </div>
                        </div>
                        <a href="{{ route('teacher', $lesson_cancelled->teacher_id)  }}">Ver</a>
                    </div>
                </div>
              @endif
          @endforeach
      </details>
    </div>
      <!-- Ajuste de horário -->
    <div class="classChecked">
      <details>
        <summary class="statusSetting">
          <img src="{{ asset('images/web/icons/reagendada.svg') }}" alt="Reagendada">
          <h2>Ajuste de horário</h2>
          <img class="arrowUp" src="{{ asset('images/web/icons/arrowUp.svg') }}" alt="Abrir">
        </summary>
        @foreach($lessons as $lesson_pending)
              @if($lesson_pending->status == "reschedule_pending" && $lesson_pending->last_request_by == 'teacher')
                  <div class="contentChecked">
                      <h3>Status: Solicitação de ajuste de horário</h3>
                      <h2>Remarcar aula para o dia <span>{{ date('d/m', strtotime($lesson_pending->date))  }}</span> <span>({{ date('H:i', strtotime($lesson_pending->time)) }})</span>?</h2>
                      <div class="infoTeacher">
                        <div class="contentInfo">
                          <div class="imgProfile">
                            <img src="{{ (empty($lesson_pending->teacher_profile->avatar) )? asset('images/web/avatarProf.svg') : $lesson_pending->teacher_profile->avatar }}" alt="Perfil">
                          </div>
                          <div class="info">
                             <h2>{{ $lesson_pending->teacher_profile->name }}</h2>
                             <h3>{{ $lesson_pending->brief_description }}</h3>
                          </div>
                        </div>

                        <a href="{{route('teacher', $lesson_pending->teacher_id)}}">Ver</a>

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



      </details>

    </div>

    <!--Aula Confirmada -->

    <div class="classChecked">
        <details>
            <summary class="statusConfirmed">
              <img src="{{ asset('images/web/icons/accepted.svg') }}" alt="Confirmadas">
              <h2>Aulas Confirmadas</h2>
              <img class="arrowUp" src="{{ asset('images/web/icons/arrowUp.svg') }}" alt="Abrir">
            </summary>
            <div class="contentChecked classConfirmed">
                @foreach($lessons as $lesson_confirmed)
                    @if($lesson_confirmed->status == "confirmed")
                        <h3>Status: Aula confirmada</h3>
                        <h2>Aula do dia <span>{{ date('d/m', strtotime($lesson_confirmed->date))  }}</span> <span>({{ date('H:i', strtotime($lesson_confirmed->time))  }})</span></h2>
                        <div class="infoTeacher">
                            <div class="contentInfo">
                              <div class="imgProfile">
                                <img src="{{ (empty($lesson_confirmed->teacher_profile->avatar) )? asset('images/web/avatarProf.svg') : $lesson_confirmed->teacher_profile->avatar }}" alt="Perfil">
                              </div>
                              <div class="info">
                                 <h2>{{ $lesson_confirmed->teacher_profile->name }}</h2>
                                 <h3>{{ $lesson_confirmed->brief_description }}</h3>
                              </div>
                            </div>
                             <a href="{{  route('details', $lesson_confirmed->id)  }}" >
                                Ver Detalhes
                              </a>
                          </div>
                    @endif
                @endforeach
            </div>
        </details>

    </div>

      <!-- Aula cancelada / reagendada / pendente -->
    <div class="trialCanceled" style="display: none">
      <img src="{{ asset('images/web/icons/cancelada.svg') }}
          " alt="Cancelada">
      <h2>Agendamento de aula pendente.</h2>
    </div>
    <div class="dotsClass" data-openschedule="caledario">
      <img src="{{asset('images/web/icons/plus.svg')}}" alt="Agendar">
    </div>
      <!-- Aula cancelada / reagendada / pendente -->
  </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 amigo(a) para se juntar a você no 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 Agendar -->
    <section class="modalClassChecked" data-modal="classTrue">

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

        <div class="contentChecked">
            <img src="{{ asset('images/web/croods5.svg') }}" alt="Avatar">
            <h1>
                Solicitação enviada com sucesso!
            </h1>
            <h2>
                Sua solicitação foi enviada para o(a) professor(a). Você receberá uma confirmação dentro de 1 hora.
            </h2>

            <a href="index.php" class="ver">
                Voltar para home
            </a>

        </div>
    </section>
    <!-- Modal Agendar -->
@stop