@extends('layouts.app')

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

      <div class="card">
        <div class="card-header align-items-center d-flex">
          <h5 class="card-title flex-grow-1 mb-0">{{ $title }}</h5>
          <div class="flex-shrink-0">
            <a href="{{ route('content.create') }}" class="btn btn-success waves-effect waves-light"><i
                class="ri-add-fill me-1 align-bottom"></i> Create</a>
          </div>
        </div>
        <div class="card-body">

          @php
            $columns = [
                ['title' => 'ID', 'data' => 'id', 'name' => 'id'],
                ['title' => 'Title', 'data' => 'title', 'name' => 'title'],
                ['title' => 'Product', 'data' => 'product', 'name' => 'product'],
                ['title' => 'Category', 'data' => 'category', 'name' => 'category'],
                ['title' => 'Created Date', 'data' => 'created_at', 'name' => 'created_at'],
                ['title' => 'Status', 'data' => 'status', 'name' => 'status'],
                ['title' => 'Action', 'data' => 'action', 'orderable' => false, 'searchable' => false],
            ];
          @endphp

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

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