@extends('admin.layouts.master')

@section('title', 'Training Control')

@section('content')
  <div class="container">
    <div class="text-center my-3">
      <h2>List Of Training Events</h2>
    </div>
    <a class="text-decoration-none btn btn-primary" href="{{ route('admin.training.create') }}">
      New Training
    </a>
    <table class="table table-bordered text-center bg-light">
        <thead>
            <tr>
                <th>#</th>
                <th>Title</th>
                <th>Details</th>
                <th>Start</th>
                <th>End</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($trainings as $train)
                <tr>
                    <td>{{ $train->id }}</td>
                    <td>{{ $train->title }}</td>
                    <td>{{ $train->details }}</td>
                    <td>{{ $train->start_datetime }}</td>
                    <td>{{ $train->end_datetime }}</td>
                    <td class="col-1">
                        <div class="d-flex">
                            <div class="btn-group dropleft">
                                <a class="py-1 px-4" type="button" data-toggle="dropdown" aria-haspopup="true"
                                    aria-expanded="false">
                                    <i class="fa fa-ellipsis-v"></i>
                                </a>
                                <div class="dropdown-menu p-0 m-0">
                                  <a class="text-decoration-none text-body"
                                      href="{{ route('admin.training.create',['id'=>$train->id]) }}">
                                      <div class="text-center p-2">
                                          Edit Training
                                      </div>
                                  </a>
                                  <a class="text-decoration-none text-body"
                                      href="{{ route('admin.training.trainingMembersList',['id'=>$train->id]) }}">
                                      <div class="text-center p-2">
                                          Training Members
                                      </div>
                                  </a>
                                  <a class="text-decoration-none text-body" href="">
                                    <form action="{{ route('admin.training.destroy',$train->id) }}" class="text-center" method="POST">
                                      @method('DELETE')
                                      @csrf
                                      <button class="text-danger bg-transparent border-0">Delete Training</button>
                                    </form>
                                  </a>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="text-center">
        {{ $trainings->links() }}
    </div>
  </div>
@endsection