@if(!empty($studentStats->level))
<section class="sideBar">
    <div class="conteinerBarra">
        <h2 class="title">
            Acompanhe seu progresso
        </h2>
        <div class="boxBlue">
            <img class="avatar" src="{{ asset('images/web/doll/ps6.png') }}" alt="avatar">
            <h3 class="nivel">Seu nível atual: {{$studentStats->level->prefix}}</h3>
            <h2 class="nivelTitle">{{$studentStats->level->name}}</h2>
            <p>Última atualização:{{\Illuminate\Support\Carbon::parse($studentStats->levelUpdatedAt)->format('d/m/Y')}} </p>
            <a href="{{ route('progress') }}">Saber mais</a>
        </div>
        
        <div class="boxWhite">
            <div class="conteinerProgress">
                <h3>Escrita</h3>
                <div class="progress">
                    <span class="porcentagem timer" 
                        data-from="0" 
                        data-to="{{ $studentStats->writingPercentage ?? '0' }}" 
                        data-speed="1800">{{ $studentStats->writingPercentage ?? '0' }}%
                    </span>
                    <div class="overlay"></div>
                    <div class="left"></div>
                                    </div>
            </div>
            
            <div class="conteinerProgress">
                <h3>Leitura</h3>
                <div class="progress">
                    <span class="porcentagem timer" 
                        data-from="0" 
                        data-to="{{ $studentStats->grammarPercentage ?? '0' }}" 
                        data-speed="1800">{{ $studentStats->grammarPercentage ?? '0' }}%
                    </span>
                    <div class="overlay"></div>
                    <div class="left"></div>
                                    </div>
            </div>
            
            <div class="conteinerProgress">
                <h3>Pronúncia</h3>
                <div class="progress">
                    <span class="porcentagem timer" 
                        data-from="0" 
                        data-to="{{ $studentStats->pronunciationPercentage ?? '0' }}" 
                        data-speed="1800">{{ $studentStats->pronunciationPercentage ?? '0' }}%
                    </span>
                    <div class="overlay"></div>
                    <div class="left"></div>
                                    </div>
            </div>
            
            <div class="conteinerProgress">
                <h3>Escuta</h3>
                <div class="progress">
                    <span class="porcentagem timer" 
                        data-from="0" 
                        data-to="{{ $studentStats->listeningPercentage ?? '0' }}" 
                        data-speed="1800">{{ $studentStats->listeningPercentage ?? '0' }}%
                    </span>
                    <div class="overlay"></div>
                    <div class="left"></div>
                                    </div>
            </div>
        </div>
        
        @isset($pastLessons)
        <div class="boxWhite">
            <div class="tasks">
                @foreach($pastLessons as $homework)
                    @if(!$homework->lesson_homework->isEmpty() && $homework->status !== 'pending')
                        <details>
                            <summary>
                                <h2>{{$homework->title}}</h2>
                                <h3>Aula do dia <span>{{ date('d/m/y', strtotime($homework->date_time))  }}</span> <span>({{ date('H:i', strtotime($homework->date_time))  }})</span></h3>
                                <img src="{{ asset('images/web/icons/arrowUp.svg') }}" alt="abrir">
                            </summary>
                            <ul id="homework">
                                @foreach($homework->lesson_homework as $task)
                                    <user-homework
                                        route="`{{ route('check-homework') }}`"
                                        :id='`{{ $task->id }}`'
                                        :student_id='`{{ $task->user_id }}`'
                                        :task='`{{ $task->title }}`'
                                        :check='`{{ $task->checked_by_student }}`'
                                    ></user-homework>
                                @endforeach
                            </ul>
                        </details>
                    @endif
                @endforeach
            </div>
        </div>
        @endisset
    </div>
</section>
@endif