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

@section('content')

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

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

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

        </a>

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

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

      </div>
    </div>
  </section>
  <side-bar-shedule-lesson
    :experimental="{{ $detail_lesson->experimental ? 'true' : 'false' }}"
    :is-reschedule="true"
    route_shedule_lesson="{{ route('reagendar-aula') }}"
    :lesson-id="{{ $detail_lesson->id }}"
  ></side-bar-shedule-lesson>
</span>

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

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

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

          <div>
            <h2>
              Detalhes da Aula
            </h2>
          </div>

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

          </a>

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


    <section class="myProfile editMobile">
      <div class="barMyProfile closeMobile">
        <div class="title">
          <h2>Aulas</h2>
          <span>></span>
          <h2>Detalhes da Aula</h2>
          <span>></span>
          <h2>{{$detail_lesson->date_time}}</h2>
          <span>></span>
          <h2>{{$detail_lesson->teacher->profile->first_name}}</h2>

        </div>

            <div class="agendarClass classCheckedDetails">
                @if($detail_lesson->canStart)
                    <a href="{{route('classRoom', $detail_lesson->id)}}" style="background-color: #5581f3">
                        <h2>Iniciar aula</h2>
                    </a>
                    <a href="" data-openmodal="classCancel">
                        <h2>Cancelar</h2>
                    </a>
                @else
                  <a href="" data-openschedule="caledario">
                    <h2>Reagendar</h2>
                  </a>

                  <a href="" data-openmodal="classCancel">
                    <h2>Cancelar</h2>
                  </a>
                @endif
            </div>
      </div>
      <div class="details">
        <div class="detailsClass">
            <h3>Detalhes da Aula</h3>
            @php
                \Illuminate\Support\Carbon::setlocale(config('app.locale'));
            @endphp
            <h2 style="text-transform: capitalize">{{ \Illuminate\Support\Carbon::parse($detail_lesson->date_time)->format('l')  }} {{ $detail_lesson->date_time->format('d/m/Y') }} <span>({{ $detail_lesson->date_time->format('H:i') }})</span></h2>

            @if($detail_lesson->link)
              @if (preg_match('/^(http|https):\/\//', $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>
              @else
                <p class="text-white">{{ $detail_lesson->link }}</p>
              @endif
            @endif
             @if(session('notready'))
                <p class="text-warning">
                    Aula ainda não iniciada
                </p>
            @endif
            <img class="imgEmphasis sDolls5" src="{{ asset('images/web/doll/ps5.png') }}" alt="Avatar">
        </div>

        @if( isset($detail_teacher) )
          <div class="detailsTeacher">
            <div class="dataTeacher">
              <img src="{{ asset('images/web/avatarProf.svg') }}" alt="Avatar">
              <div>
                <h2>{{ $detail_teacher->name }}</h2>
                <h3>{{ $detail_teacher->city }} - {{ $detail_teacher->state }}</h3>
              </div>
            </div>
            <a href="{{ route('teacher', $detail_teacher->id) }}" class="profile">Perfil</a>
          </div>
        @endif

        <div class="detailsAbstract">
{{--          <div class="readMore">--}}
{{--            <p id="readMore" data-viewmore>Leia Mais</p>--}}
{{--          </div>--}}

          <h2>Resumo da aula</h2>
          @if(isset($detail_lesson->content[0]['full_class']))
            <h3>{!! html_entity_decode($detail_lesson->content[0]['full_class']) !!}</h3>
          @endif


        </div>
      </div>

      <div class="btnsCancelCheck">
        <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>

    <!-- Modais Agendar e cancelar Aula experimental -->
    <!-- Modail 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/croods2.svg') }}" alt="Avatar">
        <h1>
          Aula experimental agendada!
        </h1>
        <h2>
          Sua aula experimental foi agendada com sucesso. Confira os detalhes.
        </h2>

        <a href="" class="ver">
          Ver detalhes
        </a>

        <p href="index.php" class="voltar">
          Ir para home
        </p>


      </div>

    </section>

    <!-- Modal cancelar  -->
    <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>
          ATENÇÃO:<br>
            Tem certeza que deseja cancelar a aula?
        </h1>
        <h2>
          Se estiver faltando 12h ou menos para sua aula, você não poderá reagendar a sua aula.
        </h2>

        <details-cancel-lesson
            route_cancel="{{ route('cancel-lesson') }}"
            route_finally="{{ route('web.home') }}"
            :user_id='`{{ auth()->id() }}`'
            :user_type='`{{ auth()->user()->type }}`'
            :lesson_id='`{{ $detail_lesson->id }}`'
        ></details-cancel-lesson>

        <p href="index.php" class="voltar">
          Não, voltar
        </p>


      </div>

    </section>
    <!-- Modais Agendar e cancelar Aula experimental -->
  </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>
@stop