@extends('layouts/contentNavbarLayout')

@section('title', 'Departments')

@section('content')
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item active">Departments</li>
    </ol>
</nav>
<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
      <h5>Departments List</h5>
      <a href="{{ route('departments.create') }}" class="btn btn-info">Create department</a>
  </div>
  <div class="card-body">
    <table class="table">
        <thead>
            <tr>
                <th>Name</th>
                <th>Slug</th>
                <th class="text-center">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($departments as $department)
            <tr>
                <td>{{ $department->name }}</td>
                <td>{{ $department->slug }}</td>
                <td class="text-center">
                    <a href="{{ route('departments.edit', $department->id) }}" class="btn btn-icon btn-info btn-sm">
                      <i class="mdi mdi-pencil-outline"></i>
                    </a>
                    <button type="button" class="btn btn-icon btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#deleteConfirmModal" data-department-id="{{ $department->id }}">
                      <i class="mdi mdi-trash-can-outline"></i>
                    </button>
                </td>
            </tr>
            @empty
            <tr>
              <td colspan="4">
                <div class="alert alert-info col-md-6" role="alert">
                No department found !
                </div>
              </td>
            </tr>
            @endforelse
        </tbody>
    </table>
  </div>
</div>
@include('components.delete_confirm_modal', ['entity' => 'department', 'action' => 'CRM/departments'])
@endsection