@extends('cms::layouts.master', ['dataTable' => true])

@section('headerScripts')
@endsection

@section('content')
<x-page-header page-title="posts" active-title="posts" :create-button="isDeveloper()"
    create-link="{{ route('posts.create') }}" />

<x-crud-table>
    <x-slot name="header">
        <th>SN.</th>
        <th>Name</th>
        <th>Category</th>
        <th>Order</th>
        <th>Feature Image</th>
        <th>Banner Image</th>
        <th class="text-center">Active</th>
        <th class="text-right">Action</th>
    </x-slot>

    <x-slot name="body">
        @foreach ($posts as $post)
        <tr>
            <td>{{ $loop->iteration }}</td>
            <td>{{ $post->title }}</td>
            <td>{{ $post->category->name }}</td>
            <td>{{ $post->display_order }}</td>

            <td>
                <x-table-image :image="$post->feature_image" :alt="$post->feature_image"
                    path="{{ 'posts/'.$post->feature_image }}" />
            </td>

            <td>
                <x-table-image :image="$post->banner_image" :alt="$post->banner_image"
                    path="{{ 'posts/'.$post->banner_image }}" />
            </td>

            <td class="text-center">
                <x-table-active-button :active="$post->is_active" route="posts.update"
                    model-name="post" :model-id="$post->id" />
            </td>

            <td class="text-right">
                <x-table-actions :edit="true" :delete="isDeveloper()" route-prefix="posts" model-name="post"
                    :model-id="$post->id" />
            </td>
        </tr>
        @endforeach
    </x-slot>
</x-crud-table>
@endsection

@section('footerScripts')

@endsection