@extends('layouts.app')

@section('content')

@component('shared.breadcrumbs')
    @slot('breadcrumbs')
        <ul>
            <li><a href="{{ route('home') }}">{{ __('Dashboard') }}</a></li>
            <li>&middot;</li>
            <li><a href="{{ route('admin.teams') }}">{{ __('Teams') }}</a></li>
            <li>&middot;</li>
            <li><a href="{{ route('admin.teams.show', $team) }}">{{ $team->name }}</a></li>
        </ul>
    @endslot

    @slot('actions')
        @can('update', $team)
        <a href="{{ route('admin.teams.edit', $team) }}" class="btn btn-outline-primary">{{ __('Edit team') }}</a>
        @endcan
        <a href="{{ route('admin.teams') }}" class="btn btn-outline-secondary">{{ __('Back to list') }}</a>
    @endslot
@endcomponent

<main class="main-content">
    <div class="container">
        <div class="row">
            <div class="col">

                @include('shared.alerts')

                <div class="card mb-4">
                    <div class="card-header">{{ __('Team') }}</div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-4 text-right text-dimmed leading-loose">{{ __('School') }}</div>
                            <div class="col-8 leading-loose">{{ optional($team->school)->name }}</div>
                        </div>
                        <div class="row">
                            <div class="col-4 text-right text-dimmed leading-loose">{{ __('Published') }}</div>
                            <div class="col-8 leading-loose"><i class="fas fa-{{ $team->published ? 'check' : 'times' }}"></i></div>
                        </div>
                        <div class="row">
                            <div class="col-4 text-right text-dimmed leading-loose">{{ __('Course') }}</div>
                            <div class="col-8 leading-loose">{{ optional($team->course)->name }}</div>
                        </div>
                        <div class="row">
                            <div class="col-4 text-right text-dimmed leading-loose">{{ __('Name') }}</div>
                            <div class="col-8 leading-loose">{{ $team->name }}</div>
                        </div>
                        <div class="row">
                            <div class="col-4 text-right text-dimmed leading-loose">{{ __('Start') }}</div>
                            <div class="col-8 leading-loose">{{ $team->start->format('Y-m-d H:i') }}</div>
                        </div>
                        <div class="row">
                            <div class="col-4 text-right text-dimmed leading-loose">{{ __('Theory teacher') }}</div>
                            <div class="col-8 leading-loose">{{ optional($team->theoryTeacher)->name }}</div>
                        </div>
                        <div class="row">
                            <div class="col-4 text-right text-dimmed leading-loose">{{ __('Driving teachers') }}</div>
                            <div class="col-8 leading-loose">
                            @foreach ($team->teachers as $teacher)
                                {{ $teacher->name }}<br>
                            @endforeach
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">{{ __('Students') }}</div>
                    <div class="card-body">
                        @if ($team->students->isNotEmpty())
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>{{ __('Name') }}</th>
                                    <th>{{ __('E-mail') }}</th>
                                    <th>{{ __('Mobile') }}</th>
                                    <th>{{ __('Birthday') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($team->students as $user)
                                <tr>
                                    <td>
                                        @if ($user->avatar)
                                        <img src="{{ $user->avatar->url }}" class="avatar-small mr-2">
                                        @else
                                        <span class="d-inline-flex avatar-small mr-2"><i class="fas fa-user"></i></span>
                                        @endif
                                        <a href="{{ route('admin.students.show', $user) }}">{{ $user->name }}</a>
                                    </td>
                                    <td>{{ $user->email }}</td>
                                    <td>{{ $user->mobile }}</td>
                                    <td>{{ $user->birthday ? $user->birthday->format('d/m/y') : '' }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        @else
                        <em>{{ __('No students assigned') }}</em>
                        @endif
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">{{ __('Modules') }}</div>
                    <div class="card-body">
                        @can('update', $team)
                        <a href="{{ route('admin.teammodules.create', $team) }}" class="btn btn-primary float-right mb-4">{{ __('New module') }}</a>
                        @endcan
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>{{ __('Name') }}</th>
                                    <th>{{ __('Start') }}</th>
                                    <th>{{ __('End') }}</th>
                                    <th>{{ __('Students') }}</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($team->modules as $module)
                                <tr>
                                    <td><a href="{{ route('admin.teammodules.show', [$team, $module]) }}">{{ $module->name }}</a></td>
                                    <td>{{ $module->start ? $module->start->format('Y-m-d H:i') : '?' }}</td>
                                    <td>{{ $module->end ? $module->end->format('Y-m-d H:i') : '?' }}</td>
                                    <td>{{ $module->students->count() === 1 ? $module->students->first()->name : $module->students->count() }}</td>
                                    <td class="text-right">
                                        @can('update', $team)
                                        <a href="{{ route('admin.teammodules.edit', [$team, $module]) }}"><i class="far fa-edit"></i></a>
                                        <a href="#delete" onclick="$('#deleteModule{{ $module->id }}').submit();return false;" class="text-danger"><i class="far fa-trash-alt"></i></a>
                                        <form id="deleteModule{{ $module->id }}" action="{{ route('admin.teammodules.destroy', [$team, $module]) }}" method="POST" class="d-none">
                                            @method('DELETE')
                                            @csrf
                                        </form>
                                        @endcan
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection