@extends('layouts.app')
@section('content')
    <div class="container-fluid">

        <x-dashboard.breadcumb :title="$title" />


      <div class="mb-1 text-end">
        @can('event.create')
          <a href="{{ route('event.create') }}" class="btn btn-primary btn-sm waves-effect waves-light"><i
              class="ri-add-fill me-1 align-bottom"></i> Create</a>
        @endcan
      </div>

      <div class="card">
        <div class="card-body">
          @php
            $columns = [
                [
                    'title' => 'SN',
                    'data' => 'DT_RowIndex',
                    'name' => 'DT_RowIndex',
                    'orderable' => false,
                    'searchable' => false,
                ],
                ['title' => 'Title', 'data' => 'title', 'name' => 'title'],
                ['title' => 'Type', 'data' => 'type', 'name' => 'type'],
                ['title' => 'Date', 'data' => 'date', 'name' => 'date'],
                ['title' => 'Location', 'data' => 'location', 'name' => 'location'],
                ['title' => 'Status', 'data' => 'status', 'name' => 'status'],
                ['title' => 'Action', 'data' => 'action', 'orderable' => false, 'searchable' => false],
            ];
          @endphp

          <x-data-table-script :route="route('event.index')" :columns="$columns" />

        </div>
      </div>
    </div>
@endsection