@extends('layouts/contentNavbarLayout')

@section('title', 'Articles Category')

@section('content')

<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
      <h5>Articles Category List</h5>
      <a href="{{ route('categoryEvents.create') }}" class="btn btn-info">Create Articles Category </a>
  </div>
  <div class="card-body">
    <table class="table">
        <thead>
            <tr>
                <th>Title Ar</th>
                <th>Title En</th>
                <th class="text-center">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($categoryEvents as $entity )
            <tr>
                <td>{{ $entity->title_ar }}</td>
                <td>{{ $entity->title_en }}</td>
                <td class="text-center">
                    <a href="{{ route('categoryEvents.edit', $entity->id) }}" class="btn btn-icon btn-info btn-sm">
                      <i class="mdi mdi-pencil-outline"></i>
                    </a>

                </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>
@endsection