@extends('web.index')
@section('title', 'Homepage')

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

    @if(session('message'))
        <div class="alert alert-primary" role="alert">
            {{session('message')}}
        </div>
    @endif

    <section 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')
    </section>

    <section data-schedulemobile>
        <section class="myProfileMobile">
            <div class="menuTopMobile">
                <div class="displayProfile">
                    <div class="imgProfile">
                        <img
                            src="{{ !empty(auth()->user()->profile->avatar) ? asset( auth()->user()->profile->avatar ) : asset('images/web/avatarProf.svg')   }}"
                            class="user-avatar" alt="Foto Perfil">
                    </div>
                    <div class="infoProfile">
                        <h2>Olá, {{auth()->user()->profile->name}}</h2>
                        <h3>{{ date('l, F d, Y')  }}</h3>
                    </div>
                </div>
            </div>
            <div class="marginMenuMobile2"></div>
        </section>
        <section class="homepage editMobile">
            @if(auth()->user()->isTypeStudent())
                @isset($userProfile->name)
                    <div class="barMyProfile closeMobile">
                        <div class="title">
                            <h2>Olá, <span class="username">{{$userProfile->name}}</span></h2>
                        </div>
                        <div class="agendarClass">
                            <a class="indicate" href="" data-openmodal="indicar">Indique um amigo</a>
                            <a href="" data-openschedule="caledario">
                                <h2>Agendar aula</h2>
                                <img src="{{ asset('images/web/icons/plus.svg') }}" alt="Agendar">
                            </a>
                        </div>
                    </div>
                @endisset
                @if(auth()->user()->made_experimental_lesson)
                    @include('web.partials.home-listing')
                @else
                    <section class="firstLoginStudents">
                        <div class="labelDescription">
                            <h2>Suas próximas atividades</h2>
                        </div>
                        <div class="labelContent">
                            <h1>Você ainda não tem nenhuma atividade.</h1>
                            <h2>Para começar a acompanhar as suas atividades, marque a sua primeira aula.</h2>

                            <img class="sDolls17" src="{{ asset('images/web/doll/ps17.png') }}" alt="Avatar">

                            <a href="{{ route('trial') }}">Agendar aula experimental</a>
                        </div>

                    </section>
                @endif
            @else
                @if(auth()->user()->status == \App\Core\Constants\UserStatus::APPROVED && auth()->user()->filledSchedule())
                    @include('web.partials.home-listing')
                @else
                    @include('web.partials.teacher-status-display')
                @endif
            @endif



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

    <!-- Modal Indicar -->
    <section class="modalClassChecked modalShowFriends" data-modal="indicar">

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

        <div class="contentChecked">
            <h1>
                Indique um Amigo
            </h1>
            <h2>
                Envie uma notificação convidando um amigo(a) para se juntar a você no iWill.
            </h2>

            <form action="{{route('invite')}}" class="showFriends" method="post" enctype="multipart/form-data">
                @csrf
                <input type="text" placeholder="Nome" name="nome">

                <input type="email" placeholder="Email" name="email">

                <textarea id="" cols="" rows="" placeholder="Mensagem" name="message"></textarea>

                <input type="submit" value="Enviar" class="">
            </form>

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

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


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

        </div>
    </section>
@endsection