@extends('web.teacher.index')
@section('title', 'Alunos')
@section('content')
    @include('web.teacher.partials.sideBarAvailability')
    <section class="myProfileMobile">
        <div class="menuTopMobile">
            <div class="menuMobileConteiner">
                <a href="{{ route('web.home') }}" class="voltar">
                </a>
                <div>
                    <h2 class="font-bold">
                        Alunos
                    </h2>
                </div>

                <a href="" class="edit">
                </a>

            </div>
        </div>
        <div class="marginMenuMobile1"> </div>
    </section>
    <section class="myProfile editMobile">
        <div class="barMyProfile closeMobile">
            <div class="title">
                <h2><a href="{{ route('myProfile') }}" style="text-decoration: none; color: inherit;">Meu perfil</a></h2>
                <span>></span>
                <h2>Alunos</h2>
            </div>
            <div class="saveEdit">
            </div>
            <form action="{{ route('myStudents.search') }}" method="GET" class="d-flex mb-4">
                <input 
                    type="text" 
                    name="query" 
                    class="form-control me-2" 
                    placeholder="Pesquisar aluno por nome..." 
                    value="{{ request('query') }}"
                    aria-label="Pesquisar">
                <button type="submit" class="btn btn-primary">Buscar</button>
            </form>

        </div>
        <div class="myTeachers myStudents">
            @foreach ($students as $user)
                <div class="conteinerTeachers">
                    <div class="infoTeachers">
                        <div class="imgTeachers">
                            <a href="{{ route('student', $user->student_id) }}">
                                <img src="{{ (empty($user->user_profile->avatar) )? asset('images/web/avatarProf.svg') : $user->user_profile->avatar }}" alt="teachers">
                            </a>
                        </div>
                        <div>
                            <h2>
                                <a href="{{ route('student', $user->student_id) }}">
                                    {{ $user->user_profile->name }}
                                </a>
                            </h2>
                            <h3>Última aula: {{ date('d-m-Y', strtotime($user->last_lesson_date)) }}</h3>
                        </div>
                    </div>
                    <div class="viewProfile">
                        <a href="{{ route('student', $user->student_id) }}">Ver perfil</a>
                    </div>
                </div>
            @endforeach
            <img class="doll12" src="{{ asset('images/web/doll/p12.png') }}" alt="">
        </div>
    </section>
@stop