@extends('admin.layouts.master')

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

@section('content')
  <div class="container">
    <div class="text-center my-3">
      <h2>List Of Training With Mohammed Degheady Trainees</h2>
    </div>
    <a class="text-decoration-none btn btn-primary" href="{{ route('site.train') }}">
      New Trainee
    </a>    
    <a class="text-decoration-none btn btn-primary" href="{{ route('admin.training.controlTestimonials') }}">
      Control Testimonials
    </a>
    <table class="table table-bordered text-center bg-light">
        <thead>
            <tr>
                <th>#</th>
                <th>Name</th>
                <th>Phone</th>
                <th>Email</th>
                <th>Message</th>
                <th class="px-1">Created At</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($trainees as $train)
                <tr>
                    <td>{{ $train->id }}</td>
                    <td>{{ $train->name }}</td>
                    <td>{{ $train->phone }}</td>
                    <td>{{ $train->email }}</td>
                    <td>{{ $train->message }}</td>
                    <td class="px-1">{{ $train->created_at }}</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('site.train',['id'=>$train->id]) }}">
                                      <div class="text-center p-2">
                                          Edit Trainee
                                      </div>
                                  </a>
                                  <a class="text-decoration-none text-body" href="">
                                    <form action="{{ route('admin.train.destroy',$train->id) }}" class="text-center" method="POST">
                                      @method('DELETE')
                                      @csrf
                                      <button class="text-danger bg-transparent border-0">Delete Trainee</button>
                                    </form>
                                  </a>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="text-center">
        {{ $trainees->links() }}
    </div>
  </div>
@endsection