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

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


<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="{{ asset('images/web/Ellipse 7.png') }}" alt="Foto Perfil">
        </div>

        <div class="infoProfile">
          <h2>Olá, William</h2>
          <h3>Monday, January 25, 2021</h3>
        </div>
      </div>

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


  <section class="myProfile editMobile">
    <div class="barMyProfile closeMobile">
      <div class="title">
        <h2>Olá, William </h2>
      </div>

      <div class="agendarClass">
        <a href="" data-openschedule="caledario">
          <h2>Agendar aula</h2>
          <img src="{{ asset('images/web/icons/+.svg') }}" alt="Agendar">
        </a>
      </div>
    </div>

    <div class="trialChecked">

      <div class="classChecked">
        <div>
          <h3>Aula experimental agendada </h3>
          <h2>Segunda-feira, 23/01 <span>(19:00)</span></h2>

          <a href="{{ route('details') }}">
            Ver detalhes
          </a>
        </div>
        <img class="sDolls18" src="{{ asset('images/web/doll/ps18.png') }}" alt="Avatar">
      </div>
    </div>

    <!-- Aula experimental cancelada  -->
    <div class="trialCanceled" style="display: none">
      <img src="{{ asset('images/web/icons/cancelada.svg') }}
    " alt="Cancelada">
      <h2>Aula experimental cancelada.</h2>
    </div>
    <div class="dotsClass" data-openschedule="caledario">
      <img src="{{ asset('images/web/icons/+.svg') }}" alt="Agendar">
    </div>
    <!-- Aula experimental cancelada  -->

  </section>
</span>

<!-- 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="" class="ver">
      Voltar para home
    </a>

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

@stop