@extends('web.teacher.index')
@section('title', 'Detalhes da Aula')

@section('content')

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

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

        </a>

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

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

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

<span data-schedulemobile>
  <span data-readmore="view" class="active">

    <section class="myProfileMobile">
      <div class="menuTopMobile">
        <div class="menuMobileConteiner">

          <a href="{{ route('editHours') }}" class="voltar">
            <img src="{{ asset('images/web/icons/voltar.svg') }}" alt="voltar">
          </a>

          <div>
            <h2 class="">
              Detalhes da Aula
            </h2>
          </div>

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

          </a>

        </div>
      </div>
      <div class="marginMenuMobile1"> </div>

      <div class="titleTrial">
        <h1>Aula experimental</h1>
           @php
               setlocale(LC_TIME, 'pt_BR', 'pt_BR.utf-8', 'pt_BR.utf-8', 'portuguese');
               date_default_timezone_set('America/Sao_Paulo');
           @endphp
        <h2 style="text-transform: capitalize">{{ strftime('%A,', strtotime($detail_lesson->date))  }} {{ date('d/m', strtotime($detail_lesson->date))  }} <span>({{ date('H:i', strtotime($detail_lesson->time))  }})</span></h2>

      </div>

    </section>

    <section class="myProfile editMobile spanProf myProfileFull">
      <div class="barMyProfile closeMobile barMyProfileFull">
        <div class="title">
          <h2>Aulas</h2>
          <span>></span>
          <h2>Detalhes da Aula</h2>
        </div>

        <div class="initalClass">
          @if( $detail_lesson->last_request_by !== 'teacher')
            <a href="" data-openschedule="caledario">Reagendar</a>
          @endif
          <a href="" data-openmodal="classCancel">Cancelar</a>
        </div>

        <!-- <div class="initalClass initalClassOne disable">
        <a href="">Iniciar aula</a>
      </div> -->
      </div>


      <div class="detailsTrialClass">
        <div class="detailsClass">
             @php
                 setlocale(LC_TIME, 'pt_BR', 'pt_BR.utf-8', 'pt_BR.utf-8', 'portuguese');
                 date_default_timezone_set('America/Sao_Paulo');
             @endphp
            <h3>Detalhes da Aula</h3>

            @if($detail_lesson->status === 'reschedule_pending')
                <p>Data ainda não confirmada pelo aluno, mas está marcada para:</p>
            @endif
            <h2 style="text-transform: capitalize">{{ strftime('%A,', strtotime($detail_lesson->date))  }} {{ date('d/m', strtotime($detail_lesson->date))  }} <span>({{ date('H:i', strtotime($detail_lesson->time))  }})</span></h2>

            @if($detail_lesson->link)
                <a href="{{ $detail_lesson->link }}">
                    <h4>Link da aula</h4>
                    <img src="{{ asset('images/web/icons/irBlue.svg') }}" alt="Link aula">
                </a>
            @endif
             @if(session('notready'))
                <p class="text-danger pt-4">
                    Aula ainda não iniciada
                </p>
            @endif



          <img class="imgEmphasis sDolls5" src="{{ asset('images/web/doll/ps5.png') }}" alt="Avatar">
        </div>
        <div class="contentInfo">
          <div class="info">
            <div class="imgStudent">
              <img src="{{ (empty($detail_student->avatar) )? asset('images/web/avatarProf.svg') : $detail_student->avatar }}" alt="Aluno">
            </div>

            <div class="infoStudent">
              <h2>{{$detail_student->name}}</h2>
              <h3>Aluno</h3>
            </div>
          </div>

          <a href="{{ route('student', $detail_student->getKey()) }}">Perfil</a>
        </div>

          @if(!empty($detail_lesson->brief_description))
              <div class="detailsAbstract">
{{--          <div class="readMore">--}}
                  {{--            <p id="readMore" data-viewmore>Leia Mais</p>--}}
                  {{--          </div>--}}

                  <h2>Resumo da aula</h2>
                  {{$detail_lesson->brief_description}}

              </div>
          @endif



{{--        <div class="lastClass">--}}
{{--          <h2>Informações da última aula</h2>--}}
{{--          <h3>Aula do dia 29/03/2022</h3>--}}

{{--          <h2>Elementum egestas in nulla auctor odio.</h2>--}}

{{--          <p>--}}
{{--            Et in suscipit quis faucibus curabitur. Sollicitudin ante vel enim augue at porta pellentesque. Lorem eu maecenas nibh dignissim enim. Interdum vitae, vitae morbi mauris velit viverra. Ornare praesent dui consequat volutpat vitae, malesuada ornare. Libero tristique suspendisse ac lobortis diam. Posuere scelerisque nunc venenatis nullam pretium pharetra. Est, sit laoreet posuere commodo lacinia. Facilisi lacus vitae a sed ipsum pulvinar facilisis enim.--}}
{{--          </p>--}}

{{--        </div>--}}

      </div>


      <div class="btnsCancelCheck btnsCancelCheckTeacher">
        <div class="agendarClass classCheckedDetails">
          <a href="" data-openschedule="caledario">
            <h2>Reagendar</h2>
          </a>

          <a href="" data-openmodal="classCancel">
            <h2>Cancelar</h2>
          </a>
        </div>
      </div>
    </section>
  </span>

  <span data-readmore="abstract">

    <section class="myProfileMobile">
      <div class="menuTopMobile">
        <div class="menuMobileConteiner">

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

          </a>

          <div>
            <h2>
              Resumo da aula
            </h2>
          </div>

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

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


    <section class="myProfile editMobile">

      <div class="details">

        <div class="detailsAbstractMobile">
          <div class="contentAbstractMobile">
            <h2>Elementum egestas in nulla auctor odio.</h2>

            <p>
              Et in suscipit quis faucibus curabitur. Sollicitudin ante vel enim augue at porta pellentesque. Lorem eu maecenas nibh dignissim enim. Interdum vitae, vitae morbi mauris velit viverra.
            </p>

            <p>
              Ornare praesent dui consequat volutpat vitae, malesuada ornare. Libero tristique suspendisse ac lobortis diam. Posuere scelerisque nunc venenatis nullam pretium pharetra. Est, sit laoreet posuere commodo lacinia. Facilisi lacus vitae a sed ipsum pulvinar facilisis enim.
            </p>

            <h2>Proin aliquet integer quis quam turpis.</h2>

            <p>
              Est nisl, pellentesque malesuada auctor ac non dui et. Massa placerat iaculis rhoncus at condimentum vel odio montes.
            </p>
          </div>
        </div>
      </div>

    </section>
  </span>
</span>

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

  <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> --}}
    <details-cancel-lesson
        route_cancel="{{ route('cancel-lesson') }}"
        route_finally="{{ route('web.home') }}"
        :user_id='`{{ $progress->id }}`'
        :user_type='`{{ $progress->type }}`'
        :lesson_id='`{{ $detail_lesson->id }}`'
    ></details-cancel-lesson>

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


  </div>
</section>

@stop