@php
    /* @var $user \App\Core\Entities\User */
@endphp
@extends('admin.layouts.app')



@section('content')
    @include('admin.layouts.headers.page')

    <div class="container-fluid mt--7">
        <div class="row">
            <div class="col-md-12">
                <div class="card shadow">
                    <div class="card-header">
                        <h1>Aluno #{{ $student->id }} - {{$student->profile->name}}</h1>
                    </div>
                    <div class="card-body">
                        @if (session('success'))
                            <div class="alert alert-success">{{ session('success') }}</div>
                        @endif
                        @if (session('error'))
                            <div class="alert alert-danger">{{ session('error') }}</div>
                        @endif
                        <div class="table-responsive">
                            <table class="table align-items-center table-bordered">
                                <thead class="thead-light">
                                    <tr>
                                        <th scope="col">ID</th>
                                        <th scope="col">Email</th>
                                        <th scope="col">Status</th>
                                    </tr>
                                </thead>
                                <tbody class="list">
                                    <tr>
                                        <td>{{ $student->id }}</td>
                                        <td>{{ $student->email }}</td>
                                        <td>{{ \App\Core\Constants\UserStatus::label($student->status) }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <h2>Perfil</h2>
                        @if ($student->profile)
                            <div class="table-responsive">
                                <table class="table align-items-center table-bordered mb-3">
                                    <thead class="thead-light">
                                        <tr>
                                            <th scope="col">Nome</th>
                                            <th scope="col">CPF</th>
                                            <th scope="col">Telefone</th>
                                            <th scope="col">Estado</th>
                                            <th scope="col">Cidade</th>
                                            <th scope="col">Data de Nascimento</th>
                                        </tr>
                                    </thead>
                                    <tbody class="list">
                                        <tr>
                                            <td>{{ $student->profile->name }}</td>
                                            <td>{{ $student->profile->cpf }}</td>
                                            <td>{{ $student->profile->phone }}</td>
                                            <td>{{ $student->profile->state }}</td>
                                            <td>{{ $student->profile->city }}</td>
                                            <td>{{ $student->profile->birth_date->format('d/m/Y') }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="row mb-5">
                                <div class="col">
                                    <h3>Avatar:</h3>
                                    @if ($student->profile->avatar)
                                        <img src="{{ $student->profile->avatar }}" alt="avatar" width="100px">
                                    @else
                                        <p>Não possui</p>
                                    @endif
                                </div>
                                <div class="col">
                                    <h3>Onde nos encontrou:</h3>
                                    <p>{{ $student->profile->found_us_where }}</p>
                                </div>
                            </div>
                        @else
                            <p>Perfil incompleto</p>
                        @endif

                        <h2>Experiência</h2>
                        @if ($student->experience)
                            <div class="table-responsive">
                                <table class="table align-items-center table-bordered mb-3">
                                    <thead class="thead-light">
                                        <tr>
                                            <th scope="col">Anos de EXP</th>
                                            <th scope="col">Leitura</th>
                                            <th scope="col">Comunicação</th>
                                            <th scope="col">Escuta</th>
                                            <th scope="col">Escrita</th>
                                        </tr>
                                    </thead>
                                    <tbody class="list">
                                        <tr>
                                            <td>{{ $student->experience->years }}</td>
                                            <td>
                                                @for ($i = 1; $i <= $student->experience->skill_reading; $i++)
                                                    ★
                                                @endfor
                                            </td>
                                            <td>
                                                @for ($i = 1; $i <= $student->experience->skill_communicating; $i++)
                                                    ★
                                                @endfor
                                            </td>
                                            <td>
                                                @for ($i = 1; $i <= $student->experience->skill_listening; $i++)
                                                    ★
                                                @endfor
                                            </td>
                                            <td>
                                                @for ($i = 1; $i <= $student->experience->skill_writing; $i++)
                                                    ★
                                                @endfor
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="row mb-5">
                                <div class="col">
                                    <h3>Detalhes:</h3>
                                    @if ($student->experience->details)
                                        <p>{{ $student->experience->details }}</p>
                                    @else
                                        <p>Não possui</p>
                                    @endif
                                </div>
                                <div class="col">
                                    <h3>Objetivos:</h3>
                                    @if(!$student->experience->objectives)
                                        <p>Não possui</p>
                                    @else
                                        <p>{{ implode(', ', $student->experience->objectives) }}</p>
                                    @endif
                                </div>
                            </div>
                        @else
                            <p>Perfil incompleto</p>
                        @endif
                        <div class="row mb-5">
                            <div class="col">
                                <h2>Créditos</h2>
                                @if ($student->user_credit)
                                    <div class="table-responsive">
                                        <table class="table align-items-center table-bordered mb-5">
                                            <thead class="thead-light">
                                                <tr>
                                                    <th scope="col">Créditos</th>
                                                    <th scope="col">Data de Expiração</th>
                                                </tr>
                                            </thead>
                                            <tbody class="list">
                                                <tr>
                                                    <td>{{ $student->user_credit->credit }}</td>
                                                    <td>{{ $student->user_credit->expiration_date }}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                @else
                                    <p>Não possui</p>
                                @endif
                            </div>
                            <div class="col">
                                <h2 class="mb-3">Interesses</h2>
                                @php
                                    $interestNames = $student
                                        ->interests()
                                        ->pluck('name')
                                        ->toArray();
                                @endphp
                                @if (!empty($interestNames))
                                    <p>{{ implode(', ', $interestNames) }}</p>
                                @else
                                    <p>Não possui</p>
                                @endif
                            </div>
                        </div>

                        <div class="mb-5">
                            <h2 class="mb-3">Conquistas</h2>
                            @if (!$student->badges->count())
                                Nenhuma conquista vinculada ao usuário
                            @endif
                            <div class="d-flex flex-wrap">
                                @foreach ($student->badges as $badge)
                                    <div class="text-center mr-3 mb-3">
                                        <img class="imgBadges" src="{{ $badge->image }}" alt="badges" width="80px">
                                        <h4>{{ $badge->name }}</h4>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <a href="{{ route('admin.students.teachers', $student->id) }}" class="btn btn-outline-primary">
                            Ver Professores
                        </a>
                        <a href="{{ route('admin.students.edit', $student->id) }}" class="btn btn-outline-warning">
                            Editar
                        </a>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.layouts.footers.auth')
    </div>
@endsection