@extends('web.teacher.index')
@section('title', 'Meu perfil')

@section('content')

    @include('web.teacher.partials.sideBarAvailability')


    <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>
                        {{ $userInfos->profile->name }}
                    </h2>

                </div>

                <a href="{{ route('editProfile') }}" class="edit linkOrange">
                    Editar
                </a>

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

    </section>

    <section class="myProfile editMobile">
        <div class="barMyProfile closeMobile">
            <div class="title">
                <h2>Meu perfil</h2>
            </div>
        </div>
        <div class="teachers teachersPageProf">
            <div class="conteinerTeachers conteinerTeachersTags" id="infoTeacher">
                <div class="infoTeachers">
                    <div class="imgTeachers borderOrange">
                        <img src="{{ $userInfos->profile->avatar ? $userInfos->profile->avatar : asset('images/web/avatarProf.svg') }}"alt="teachers">
                    </div>
                    <div>
                        @if ($userInfos->profile->name)
                            <h2>{{ $userInfos->profile->name }}</h2>
                        @endif
                        @if ($userInfos->profile->city)
                            <h3>{{ $userInfos->profile->city }} ({{ $userInfos->profile->state }})</h3>
                        @endif
                        @if (!empty($userInfos->interests))
                            <ul class="tags">
                                @foreach ($userInfos->interests as $interest)
                                    <li>#{{ $interest->name }}</li>
                                @endforeach
                            </ul>
                        @endif
                    </div>
                </div>
                <div>
                    <a href="{{ route('editProfile') }}">Editar perfil</a>
                </div>
            </div>
            <div class="contentTeachers">
                <div class="boxHorizontal activeLabel" data-profillabel="boxGeral">
                    <div class="listTagsMobile">
                        <ul class="tags">
                            @if (!empty($userInfos->interests))
                                @foreach ($userInfos->interests as $interest)
                                    <li>#{{ $interest->name }}</li>
                                @endforeach
                            @endif
                        </ul>
                    </div>
                    @if (!$userInfos->reviews_received_teacher != [] || $userInfos->experience)

                        <div class="contentBox">
                            @if (!$userInfos->reviews_received_teacher != [])
                                <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($userInfos->reviews_received_teacher) ? $userInfos->reviews_received_teacher[0]->rating : '0' }}"
                                        :show-rating="false" :inactive-color="['#80807f']" :read-only="true">
                                    </star-rating>
                                </div>
                            @endif
                            @if ($userInfos->experience)
                                <h2>Sobre mim</h2>
                                <p>
                                    {{ $userInfos->experience->details }}
                                </p>
                            @endif
                        </div>
                    @endif
                    <div class="contentBox">
                        <div class="infoProfile">
                            @if ($userInfos->profile->birth_date)
                                <div class="info">
                                    <h2>{{ date('d/m', strtotime($userInfos->profile->birth_date)) }}</h2>
                                    <img src="{{ asset('images/web/icons/cake.png') }}" alt="cake">
                                </div>
                            @endif

                            @if ($userInfos->profile->city && $userInfos->profile->state)
                                <div class="info">
                                    <h2>{{ $userInfos->profile->city }}/{{ $userInfos->profile->state }}</h2>
                                    <img src="{{ asset('images/web/icons/localizacao.png') }}" alt="localizacao">
                                </div>
                            @endif
                        </div>
                    </div>
                    @if (
                            $userInfos->experience->curriculum ||
                            $userInfos->experience->years || 
                            $userInfos->experience->objectives
                        )
                        <div class="contentBox">
                            @if ($userInfos->experience->curriculum)
                                <div class="contentCurriculum">
                                    <div>
                                        <h2>Currículo</h2>
                                        <a href="{{ $userInfos->experience->curriculum }}">Documento do Currículo</a>
                                    </div>
                                    <img class="imgCurriculo" src="{{ asset('images/web/curriculo.png') }}" alt="">
                                </div>
                            @endif

                            @if ($userInfos->experience->years)
                                <div class="contentCurriculum">
                                    <div>
                                        <h2>Histórico no IWill</h2>
                                        <h3>{{ $userInfos->experience->years }} anos</h3>
                                    </div>
                                    <img class="imgCurriculo" src="{{ asset('images/web/icons/RelégioCorLaranja.png') }}"
                                        alt="">
                                </div>
                            @endif
                            @if ($userInfos->experience->objectives)
                                <div class="contentCurriculum">
                                    <div>
                                        <h2>Objetivos</h2>
                                        <h3>{{ $userInfos->experience->objectives }}</h3>
                                    </div>
                                    <img class="imgCurriculo" src="{{ asset('images/web/icons/avatar.svg') }}">
                                </div>
                            @endif
                        </div>
                    @endif
                    <div class="contentBox">
                        <h2>Comentário dos alunos</h2>
                        @if (count($userInfos->reviews_received_teacher) !== 0)
                            @foreach ($userInfos->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
                        @else
                            <div class="commentStudent">
                                <p>
                                    Ainda não há comentários
                                </p>
                            </div>
                        @endif


                    </div>
                </div>
                @if (!$userInfos->badges === [])
                    <div class="boxVertical boxVerticalMobile" data-profillabel="boxIntersses">
                        <div class="conquestsConteiner">
                            @foreach ($userInfos->badges as $badge)
                                <div class="badges">
                                    <img class="imgBadges" src="{{ asset($badge->image) }}" alt="badges">
                                    <h4>{{ $badge->name }}</h4>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </section>

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


@stop