@extends('cms.layouts.app')

@section('pre-styles')
    <x-cms.css-helper :dataTable="true" />
@endsection

@section('contents')
    <!-- Hero -->
    <x-cms.bread-crumb title="Portfolios">
        <li class="breadcrumb-item"><a class="btn btn-success btn-sm" href="{{ route('galleries.create') }}" title=""><i
                    class="fa fa-plus"></i> Add Portfolio Album</a></li>

    </x-cms.bread-crumb>
    <!-- END Hero -->

    <div class="content">
        <x-cms.common-message />

        @if ($message = Session::get('success'))
            <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
            </div>
        @elseif($message = Session::get('danger'))
            <div class="alert alert-danger alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
            </div>
        @endif

        <x-cms.data-table>

            <x-slot name="header">
                <th style="width: 15%; text-align:center">Date</th>
                <th style="width: 20%;">Name/Slug</th>
                <th class="text-center" style="width: 10%;">Image</th>
                <th class="text-center" style="width: 10%;">Display Order</th>
                <th class="text-center" style="width: 20%;">Portfolios</th>
                <th class="text-center" style="width: 10%;">Status</th>
                <th class="text-center" style="width: 180px;">Action</th>
            </x-slot>

            <x-slot name="body">
                @foreach ($galleries as $gallery)
                    <tr class="{{ $gallery->deleted_at != null ? 'table-danger' : '' }}">
                        <td style="text-align:center">{{ $gallery->created_at }}</td>
                        <td>{{ $gallery->name ?? '' }} / {{ $gallery->slug ?? '' }}</td>

                        <td class="text-center">
                            <x-cms.table-image path="galleries" :filename="$gallery->image" />
                        </td>

                        <td style="text-align:center">{{ $gallery->display_order }}</td>

                        <td class="text-center">
                            @if ($gallery->deleted_at !== null)
                                <a href="{{ route('gallery-files.uploade', ['id' => $gallery->id]) }}"
                                    class="btn btn-success btn-sm disabled" title="Add Gallery Image"><i
                                        class="fa fa-plus"></i>
                                    Add Portfolio
                                    ({{ $gallery->galleryImages ? $gallery->galleryImages->count() : '' }})
                                </a>
                            @else
                                <a href="{{ route('gallery-files.uploade', ['id' => $gallery->id]) }}"
                                    class="btn btn-success btn-sm" title="Add Gallery Image"><i class="fa fa-plus"></i>
                                    Add
                                    Portfolio
                                    ({{ $gallery->galleryImages ? $gallery->galleryImages->count() : '' }})
                                </a>
                            @endif
                        </td>

                        <td class="text-center">
                            <x-cms.table-status-button routeName="galleries.update" modelName="gallery" :model="$gallery" />
                        </td>

                        <td class="text-center">
                            @if ($gallery->deleted_at == null)
                                <x-cms.table-action-button type="show" routeName="galleries.show" modelName="gallery"
                                    :model="$gallery" />
                                <x-cms.table-action-button type="edit" routeName="galleries.edit" modelName="gallery"
                                    :model="$gallery" />
                                <x-cms.table-action-button type="delete" routeName="galleries.destroy" modelName="gallery"
                                    :model="$gallery" />
                            @else
                                <x-cms.table-action-button type="restore" routeName="galleries.restore"
                                    modelName="gallery_id" :model="$gallery" />
                                <x-cms.table-action-button type="destroy-permanently"
                                    routeName="galleries.destroy-permanently" modelName="gallery_id" :model="$gallery" />
                            @endif
                        </td>

                    </tr>
                @endforeach
            </x-slot>

        </x-cms.data-table>
    </div>
@endsection

@section('scripts')
    <x-cms.js-helper :dataTable="true" />
@endsection