@extends('admin.dashboard.layouts.app')

@section('main')
<div class="content-wrapper">
  <section class="content-header">
    <div class="container-fluid d-flex justify-content-between align-items-center">
      <h1>Foreign Degrees</h1>
      <a href="{{ route('foreign-degrees.create') }}" class="btn btn-primary">Add Foreign Degree</a>
    </div>
  </section>

  <section class="content">
    <div class="container-fluid">
      <div class="card">
        <div class="card-body">
          <table class="table table-bordered table-hover">
            <thead>
              <tr>
                <th>#SL</th>
                <th>Foreign Degree Name</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              @php $sl = 1; @endphp
              @foreach ($foreignDegrees as $degree)
              <tr>
                <td>{{ $sl++ }}</td>
                <td>{{ $degree->foreign_degrees_name }}</td>
                <td>

                  <!-- Delete Button trigger modal -->
                  <button type="button" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#deleteModal{{ $degree->id }}">
                    Delete
                  </button>

                  <!-- Delete Modal -->
                  <div class="modal fade" id="deleteModal{{ $degree->id }}" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel{{ $degree->id }}" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <form action="{{ route('foreign-degrees.destroy', $degree->id) }}" method="POST">
                        @csrf
                        @method('DELETE')
                        <div class="modal-content">
                          <div class="modal-header">
                            <h5 class="modal-title text-danger" id="deleteModalLabel{{ $degree->id }}">Confirm Delete</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                              <span aria-hidden="true">&times;</span>
                            </button>
                          </div>
                          <div class="modal-body">
                            Are you sure you want to delete this foreign degree?
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-danger">Delete</button>
                          </div>
                        </div>
                      </form>
                    </div>
                  </div>
                  <!-- End Modal -->

                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </section>
</div>
@endsection