@extends('layouts/contentNavbarLayout')

@section('title', 'Articles')

@section('content')

<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
      <h5>Articles List</h5>
      <a href="{{ route('events.create') }}" class="btn btn-info">Create Article </a>
  </div>
  <div class="card-body">
    <table class="table">
        <thead>
            <tr>
                <th>Title Ar</th>
                <th>Title En</th>
                <th>Type event</th>
                <th>Enabled</th>
                <th class="text-center">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($events as $event )
            <tr>
                <td>{{ $event->title_ar }}</td>
                <td>{{ $event->title_en }}</td>
                <td>{{ $event->type_event }}</td>

                <td>  @if( $event->enabled == 1 )
                        <div class="text-center mb-2 bg-success text-white">Active</div>
                    @else
                        <div class="text-center mb-2 bg-danger  text-white">Inactive</div>
                    @endif
                </td>
                <td class="text-center">
                    <a href="{{ route('events.edit', $event->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