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

@section('content')

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

      <a href="" class="voltar" data-openmodal="comment">
        Comentário
      </a>

      <div>
        <h2>
          Professor
        </h2>
      </div>

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

    </div>
    <div class="opcoes">
      <div data-profile="boxGeral" class="active">
        <a href="">Geral</a>
      </div>
      <div data-profile="boxIntersses">
        <a href="">Interesses</a>
      </div>
      <div data-profile="boxHorarios">
        <a href="">Horários</a>
      </div>
    </div>
  </div>
  <div class="marginMenuMobile2"> </div>

</section>

<span data-profillabel="boxHorarios" class="sideBarDeskDisplay">
  @include('web.student.partials.sideBarAvailability')
</span>

<section class="myProfile editMobile">
  <div class="barMyProfile closeMobile">
    <div class="title">
      <h2>Meu perfil</h2>
      <span>></span>
      <h2>Meus professores</h2>
      <span>></span>
      <h2>Professor</h2>
    </div>

    <div class="saveEdit">
      <a href="" class="comment" data-openmodal="comment">
        <img src="{{ asset('images/web/icons/notesBlack.svg') }}" alt="Anotação">
      </a>

      <a href="{{ route('myTeachers') }}">Voltar</a>
    </div>
  </div>


  <div class="teachers">

    <div class="conteinerTeachers" id="infoTeacher">
      <div class="infoTeachers">
        <div class="imgTeachers">
          <img src="{{ (empty($user->user_profile->avatar) )? asset('images/web/avatarProf.svg') : $user->user_profile->avatar }}" alt="Perfil">
        </div>

        <div>
          <h2>{{ $user->user_profile->name }}</h2>
          <h3>{{ $user->user_profile->city }} ({{ $user->user_profile->state }})</h3>


          <ul class="tags">
            @foreach ($user->interests as $interest)
                <li>#{{ $interest->name }}</li>
            @endforeach
          </ul>
        </div>
      </div>
    </div>
    <div class="contentTeachers">
      <div class="boxHorizontal  activeLabel" data-profillabel="boxGeral">
        <div class="listTagsMobile">
          <ul class="tags">
            @foreach ($user->interests as $interest)
                <li>#{{ $interest->name }}</li>
            @endforeach
          </ul>
        </div>
        @isset($user->rating)
        <div class="contentBox">
            <div class="star" style="top:12px;">
                <star-rating
                    :increment="0.01"
                    :active-color="['#dc3545','#ffb323']"
                    :star-points="[23,2, 14,17, 0,19, 10,34, 7,50, 23,43, 38,50, 36,34, 46,19, 31,17]"
                    :clearable="true"
                    :star-size="12"
                    gap="20px"
                    :rating="{{ !empty($user->reviews_received_teacher) ? $user->reviews_received_teacher[0]->rating : '0' }}"
                    :show-rating="false"
                    :inactive-color="['#80807f']"
                    :read-only="true"
                >
                </star-rating>
            </div>
            <h2>Conheça o(a) professor(a)</h2>

            @if ($user->user_experience)
                <p>
                    {{$user->user_experience->details}}
                </p>
            @endif

        </div>
        @endisset

        <div class="contentBox">

          <div class="infoProfile">
            @isset($user->user_profile->birth_date)
                <div class="info">
                    <h2>{{ date('d/m',strtotime($user->user_profile->birth_date)) }}</h2>
                    <img src="{{ asset('images/web/icons/cake.png') }}" alt="cake">
                </div>
            @endisset

{{--            <div class="info">--}}
{{--              <h2>Letras</h2>--}}
{{--              <img src="{{ asset('images/web/icons/lis.png') }}" alt="lis">--}}
{{--            </div>--}}

            @isset($user->user_profile->city)
            <div class="info">
                <h2>{{ $user->user_profile->city }}</h2>
                <img src="{{ asset('images/web/icons/localizacao.png') }}" alt="localizacao">
            </div>
            @endisset

{{--            <div class="info">--}}
{{--              <h2>Pet Lover</h2>--}}
{{--              <img src="{{ asset('images/web/icons/paw.png') }}" alt="paw">--}}
{{--            </div>--}}
          </div>
        </div>
        @isset($user->user_experience)
           <div class="contentBox">

               @isset($user->user_experience->curriculum)
                   <div class="contentCurriculum">
                       <div>
                           <h2>Currículo</h2>
                           <a href="{{ $user->experience->curriculum }}">Documento do Currículo</a>
                       </div>
                       <img class="imgCurriculo" src="{{ asset('images/web/curriculo.png') }}" alt="">
                   </div>
               @endisset
               @isset($user->user_experience->objectives)
                     <div class="contentCurriculum">
                         <div>
                             <h2>Objetivos</h2>
                             <h3>{{ $user->experience->objectives }}</h3>
                         </div>
                         <img class="imgCurriculo" src="{{ asset('images/web/icons/avatar.svg') }}" alt="">
                     </div>
               @endisset

               @isset($user->user_experience->years)
                   <div class="contentCurriculum">
                       <div>
                           <h2>Histórico no iWill</h2>
                           <h3>Professor(a) de inglês há {{ isset($user->user_experience->years) }} anos</h3>
                       </div>
                       <img class="sDolls16" src="{{ asset('images/web/doll/ps16.png') }}" alt="">
                   </div>
               @endisset

           </div>
          @endisset
         @if(!$user->reviews_received_teacher->isEmpty())
             <div class="contentBox">
                 <h2>Comentário dos alunos</h2>
                 @foreach($user->reviews_received_teacher as $reviews)
                     <div class="commentStudent">
                         <p>
                             <img style="height: 20px;opacity: 0.4;" src="{{ asset('images/web/icons/quote-left-solid.svg') }}" alt="">
                             {{$reviews->comments}}
                             <img style="height: 20px;opacity: 0.4;" src="{{ asset('images/web/icons/quote-right-solid.svg') }}" alt="">
                         </p>
                     </div>
                 @endforeach
             </div>
         @endif
     </div>

     <div class="boxVertical boxVerticalMobile" data-profillabel="boxIntersses">

       <div class="conquestsConteiner">
           @foreach ($user->badges as $badge)
               <div class="badges">
                   <img class="imgBadges" src="{{ asset($badge->image) }}" alt="badges">
                   <h4>{{ $badge->name }}</h4>
               </div>
           @endforeach
       </div>
     </div>


     <div class="agendarAulaMobile">
       <a href="">Agendar aula</a>
     </div>

   </div>
 </div>
</section>
<!-- Modal Comentario -->
<section class="modalClassChecked" data-modal="comment">

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

 <div class="contentChecked">
   <h1>
     Comentário
   </h1>
   <h3>Envie um comentário ao professor(a).</h3>

   <textarea name="" id="" class="" placeholder="Insira aqui seu comentário"></textarea>

   <a href="" class="ver">
     Enviar
   </a>

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

</section>
@stop