@extends('admin.layouts.master')

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

@section('content')
  <div class="container">
    <div class="my-3">
      <a href="{{ route('admin.training.notify',['id'=>$training->id]) }}" class="btn btn-warning">Send Notification To Training Members</a>
    </div>
    <div class="text-center my-3">
      <h2>List Of {{ '('.$training->title.')' }} Training Members</h2>
    </div>
    <a class="text-decoration-none btn btn-primary" href="{{ route('admin.training.join',['id'=>$training->id]) }}">
      New Member
    </a>
    <table class="table table-bordered text-center bg-light">
        <thead>
            <tr>
                <th>#</th>
                <th>Name</th>
                <th>Phone</th>
                <th>Email</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($trainingMembers as $trainee)
                <tr>
                    <td>{{ $trainee->id }}</td>
                    <td>{{ $trainee->name }}</td>
                    <td>{{ $trainee->phone }}</td>
                    <td>{{ $trainee->email }}</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.join',['id'=>$trainee->training_id,'agent_id'=>$trainee->id]) }}">
                                      <div class="text-center p-2">
                                          Edit Member
                                      </div>
                                  </a>
                                  <a class="text-decoration-none text-body" href="">
                                    <form action="{{ route('admin.training.destroyMember',$trainee->id) }}" class="text-center" method="POST">
                                      @method('DELETE')
                                      @csrf
                                      <button class="text-danger bg-transparent border-0">Delete Member</button>
                                    </form>
                                  </a>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="text-center">
        {{ $trainingMembers->links() }}
    </div>
  </div>
@endsection