@extends('layouts.app')
@section('content')
    <div class="container-fluid">
        <x-dashboard.breadcumb :title="$title" />

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

      <div class="card" id="customerList">
        <div class="card-body">
          <div class="table-responsive">
            @php
              $columns = [
                  [
                      'title' => 'S.N',
                      'data' => 'DT_RowIndex',
                      'name' => 'DT_RowIndex',
                      'orderable' => false,
                      'searchable' => false,
                      'width' => '5%',
                  ],
                  ['title' => 'Title', 'data' => 'title', 'name' => 'title'],
                  ['title' => 'Alias', 'data' => 'alias', 'name' => 'alias'],
                  ['title' => 'Subject', 'data' => 'subject', 'name' => 'subject'],
                  [
                      'title' => 'Action',
                      'data' => 'action',
                      'orderable' => false,
                      'searchable' => false,
                  ],
              ];
            @endphp

            <x-data-table-script :route="route('template.index')" :columns="$columns" id="templates-table" />
          </div>
        </div>
      </div>
  </div>
@endsection