@extends('backend.page.dashboard')

@section('content')
<!-- Bordered Table -->
<div class="card">
  @if(Session::has('status'))
  <div class="alert alert-success" role="alert">
    <h5>{{ Session::get('status') }}  <button type="button" class="btn-close float-end btn-sm" data-bs-dismiss="alert" aria-label="Close"></button></h5>
    
  </div>
  @endif
  <h5 class="card-header ">

    <div class="row">
      <div class="col">Qualification</div>
      <div class="col start-100">
        <a href="{{route('qualification.create')}}" <button class="btn btn-primary float-end btn-sm">Add Qualification</button></a>
      </div>
    </div>
  </h5>

  <div class="card-body">
    <div class="table-responsive text-nowrap">
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>S.N</th>
            <th>Qualification</th>
            <th>Order</th>
             <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          @forelse($qualifications as $index=>$qualification)
          <tr>
            <td>{{$index+1}}</td>
            <td>{{$qualification->name}}</td>
            <td>{{$qualification->order}}</td>
           
            <td>
              <a href="{{route('qualification.edit',$qualification->id)}}"><button class="btn btn-info">Edit</button></a>
            
              <a href="{{route('delete.qualification',$qualification->id)}}"><button class="btn btn-danger">Delete</button></a>
            </td>
          </tr>

          @empty
          <td colspan="5">No data found</td>
          @endforelse
          
        </tbody>
      </table>
    </div>
  </div>
</div>
<!--/ Bordered Table -->

@endsection