@extends('layouts.grid')
@section('content')
    <section class="section">
        <div class="container">
        <div class="table-container" style="height:400px; overflow-y: auto;">
            <table class="table is-hoverable">
                <thead>
                    <tr>
                        <td>
                            <a href="trainings/create"
                                class="button is-link is-fullwidth"
                            >
                            <span>add new</span>
                            <span class="icon">
                                    <i class="fas fa-calendar-plus"></i>
                                </span>
                            </a>
                </td>
                        <th>{!! trans('labels.date') !!}</th>
                        <th>{!! trans('labels.freeslots') !!}</th>
                        <th>{!! trans('labels.comments') !!}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($trainings as $training)
                    <tr>
                        <td>
                                 <a href="/trainings/{{$training->id}}"
                                    class="button is-link is-outlined"
                                >
                                    <span>book a slot</span>
                                    <span class="icon">
                                        <i class="fas fa-calendar-check"></i>
                                    </span>
                                </a>
                        </td>
                        <td>
                            {{ $training->tr_date }}</a>
                        </td>
                        <td class="has-text-centered">{{ $training->free_slots }}</td>
                        <td >{!! $training->tr_comments !!}</td>
                        <td>
                            @if (Session::get('user')['role'] == 'admin')
                            <form action="{{ route('trainings.destroy', ['id' => $training->id]) }}"
                                method="post"
                                id="frmDel{{$training->id}}">
                            @method('DELETE')
                            @csrf
                                <p class="buttons">

                                    <a href="/trainings/{{$training->id}}/edit"
                                        class="button is-info is-small is-outlined"
                                    >
                                        <span class="icon is-small">
                                            <i class="fas fa-edit"></i>
                                        </span>
                                    </a>
                                    <button class="button is-small is-danger is-outlined"
                                        onclick="javascript:document.getElementById('frmDel{{$training->id}}').submit()"
                                    >
                                        <span class="icon is-small">
                                            <i class="fas fa-times"></i>
                                        </span>
                                    </button>
                                    <a href="/trainings/{{$training->id}}/send"
                                        class="button is-primary is-small is-outlined"
                                    >
                                        <span class="icon is-small">
                                            <i class="fas fa-paper-plane"></i>
                                        </span>
                                    </a>
                                    <a href="/trainings/{{$training->id}}/announce"
                                        class="button is-small is-warning is-outlined"
                                    >
                                        <span class="icon">
                                            <i class="fas fa-bell"></i>
                                        </span>
                                    </a>
                                </p>
                            </form>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    </section>
@endsection