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

@section('title', 'Galleries')

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

    <x-crud-table>
        <x-slot name="header">
            <th class="text-center">SN.</th>
            <th>Title</th>
            <th class="text-center">Display Order</th>
            <th class="text-center">Image</th>
            <th class="text-center">Status</th>
            <th class="text-center">Action</th>
        </x-slot>

        <x-slot name="body">
            @foreach ($galleries as $gallery)
                <tr>
                    <td class="text-center">{{ $loop->iteration }}</td>
                    <td>{{ $gallery->title }}</td>
                    <td class="text-center">{{ $gallery->display_order }}</td>
                    <td>
                        <x-table-image :image="$gallery->image" :alt="$gallery->image" path="{{ 'galleries/' . $gallery->image }}" />
                    </td>

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

                    <td class="text-right">
                        <a href="{{ route('galleries.showImageGet', ['gallery' => $gallery->id]) }}"
                            class="btn btn-sm bg-success text-white waves-effect waves-light"
                            style="margin-right: 2px; font-size:12px">
                            <i class="fa fa-eye"></i> Add / Show
                        </a>
                        <x-table-actions :edit="true" :delete="isDeveloper()" route-prefix="galleries" model-name="gallery"
                            :model-id="$gallery->id" />
                    </td>
                </tr>
            @endforeach
        </x-slot>
    </x-crud-table>

@endsection