@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>Aula Experimental #{{$lesson->id}}</h1>
                    </div>
                    <div class="card-body">
                        <table class="table align-items-center table-bordered">
                            <thead class="thead-light">
                            <tr>
                                <th scope="col">ID</th>
                                <th scope="col">Data e Hora</th>
                                <th scope="col">Status</th>
                                <th scope="col">Link</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>{{ $lesson->id }}</td>
                                <td>{{ $lesson->date_time->format('d/m/Y H:i') }} (Horário BR -03:00)</td>
                                <td>{{ \App\Core\Constants\LessonStatus::label($lesson->status) }}</td>
                                <td>{{ $lesson->link }}</td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="table align-items-center table-bordered mb-5">
                            <thead class="thead-light">
                            <tr>
                                <th scope="col">Descrição</th>
                                <th scope="col">Última Requisição</th>
                                <th scope="col">Cancelado Por</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>{{ $lesson->brief_description }}</td>
                                <td>{{ \App\Core\Constants\UserType::label($lesson->last_request_by) }}</td>
                                <td>{{ \App\Core\Constants\UserType::label($lesson->cancelled_by) }}</td>
                            </tr>
                            </tbody>
                        </table>

                        <h2>Aluno</h2>
                        <table class="table align-items-center table-bordered mb-5">
                            <thead class="thead-light">
                            <tr>
                                <th scope="col">ID</th>
                                <th scope="col">Nome</th>
                                <th scope="col">E-mail</th>
                                <th scope="col">Ações</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <a href="{{ route('admin.students.view', $lesson->student_id) }}">
                                        {{ $lesson->student_id }}
                                    </a>
                                </td>
                                <td>
                                    <a href="{{ route('admin.students.view', $lesson->student_id) }}">
                                        {{ $lesson->student->profile->name }}
                                    </a>
                                </td>
                                <td>{{ $lesson->student->email }}</td>
                                <td>
                                    <a href="{{ route('admin.students.view', $lesson->student_id) }}" class="btn btn-sm btn-info">Ver</a>
                                    <a href="{{ route('admin.students.edit', $lesson->student_id) }}" class="btn btn-sm btn-warning">Editar</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>

                        <h2>Professor</h2>
                        <table class="table align-items-center table-bordered mb-5">
                            <thead class="thead-light">
                            <tr>
                                <th scope="col">ID</th>
                                <th scope="col">Nome</th>
                                <th scope="col">E-mail</th>
                                <th scope="col">Ações</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <a href="{{ route('admin.teachers.view', $lesson->teacher_id) }}">
                                        {{ $lesson->teacher_id }}
                                    </a>
                                </td>
                                <td>
                                    <a href="{{ route('admin.teachers.view', $lesson->teacher_id) }}">
                                        {{ $lesson->teacher->profile->name }}
                                    </a>
                                </td>
                                <td>{{ $lesson->teacher->email }}</td>
                                <td>
                                    <a href="{{ route('admin.teachers.view', $lesson->teacher_id) }}" class="btn btn-sm btn-info">Ver</a>
                                    <a href="{{ route('admin.teachers.edit', $lesson->teacher_id) }}" class="btn btn-sm btn-warning">Editar</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="card-footer">
                        <a href="{{ route('admin.lessons.experimental') }}" class="btn btn-outline-primary">Voltar para Listagem</a>
                        <a href="{{ route('admin.lessons.experimental.edit', $lesson->id) }}" class="btn btn-outline-warning">Editar</a>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.layouts.footers.auth')
    </div>
@endsection