@extends('backend.layouts.app')

@section('content')

<div class="p-3">
  <div class="card">
    <div class="card-header fw-bold">
      <span class="fw-bold">Enrollment Applications for Committees</span>&emsp;
    </div>
    <div class="card-body">
      <table class="table table-striped" style="width:100%">
        <thead>
          <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Suffix</th>
            <th>Email</th>
            <th>Area</th>
            <th>Position</th>
            <th>Contact Details</th>
            <th>Company</th>
            <th>Message</th>
            <th>Date of Application</th>
            <th style="width:10%;">Action</th>
          </tr>
        </thead>

        <tbody>
          @foreach ($enrollment as $items)
          <tr>
            <td>{{ $items->first_name }}</td>
            <td>{{ $items->last_name }}</td>
            <td>{{ $items->suffix }}</td>
            <td>{{ $items->email }}</td>
            <td>{{ $items->area }}</td>
            <td>{{ $items->position }}</td>
            <td>{{ $items->contact_details }}</td>
            <td>{{ $items->company }}</td>
            <td>{{ $items->message }}</td>
            <td>{{ date('F j, Y', strtotime($items->created_at)) }}</td>
            <td>
              <div>
                {{-- <button type="button" class="btn btn-success btn-block mb-1" data-toggle="modal" data-target="#exampleModal{{ $items->id }}"> View Application</button>
                <a href="">
                  <button class="btn btn-primary btn-block mb-1">Edit Status</button>
                </a> --}}
                <form action="{{ url('admin/enrollment/' . $items->id ) }}" method="POST"> @csrf @method('delete')
                  <button class="btn btn-danger btn-block" type="submit">Delete</button>
                </form>
                
              </div>
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>


@endsection

@section('js')
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script>
<script>
  $('.table').DataTable({
    "order": [
      [3, "desc"]
    ]
  });
</script>
@endsection