@extends('themes.backend.layouts.app')
@section('dataTables') @stop
@section('fancybox') @stop
@section('page_title')
    {{ $pageDataAtrArr['title'] }}
@endsection

@section('breadcrumb')
    {{ Breadcrumbs::render('gallery.gallery-item.index', $galModel) }}
@endsection

@section('content')
    <div class="page-content">
        <div class="container-fluid">

            {{-- Module Title and Breadcrumb --}}
            @include('themes.backend.partials.module_title_breadcrumb', [
                'module_name' => $pageDataAtrArr['module_name'],
            ])

            <div class="row">
                <div class="col-lg-12">
                    <div class="card">

                        {{-- Page Title --}}
                        @include('themes.backend.partials.page_title', [
                            'title' => $pageDataAtrArr['title'],
                        ])

                        <div class="card-body">
                            <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}"
                                message="{{ session()->get('message') }}" />

                            <div class="listjs-table" id="customerList">
                                <div class="row g-4 mb-3">
                                    <div class="col-sm-auto">
                                        <div>
                                            @if ($roleRights['add'])
                                                <!-- Add New -->
                                                <x-link_add_new data-fancybox data-type="iframe" data-width="900" data-height="710" url="{{ route('admin.gallery.gallery-item.create', $galModel) }}" />
                                            @endif
                                            @if ($roleRights['delete'] && count($dataListModel) > 0)
                                                <!-- Multi Delete -->
                                                <x-form.btn_multi_delete />
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <form id="listDataForm" name="listDataForm" method="post"
                                action="{{ route('admin.gallery.gallery-item.delete', $galModel) }}">
                                {{ csrf_field() }}
                                <table id="fixed-header"
                                    class="table table-bordered dt-responsive nowrap table-striped align-middle"
                                    style="width:100%">
                                    <thead>
                                        <tr>
                                            @if ($roleRights['delete'] && count($dataListModel) > 0)
                                                <th scope="col" style="width: 10px;" class="cc-w-10 no-sort-del">
                                                    <x-form.field.checkbox name="check_all" id="check_all" />
                                                </th>
                                            @endif
                                            <th class="cc-w-125">{{ __('gallery.gallery_item.type_txt') }}</th>
                                            <th class="cc-w-60 no-sort">{{ __('admin.image_txt') }}</th>
                                            <th class="cc-w-60 no-sort">{{ __('gallery.gallery_item.popup_image_txt') }}</th>
                                            <th>{{ __('admin.title_txt') }}</th>
                                            <th class="cc-w-35">{{ __('admin.order_txt') }}</th>
                                            <th class="cc-w-60">{{ __('admin.status_txt') }}</th>
                                            <th class="cc-w-125">{{ __('admin.mdfy_date_txt') }}</th>
                                            <th>{{ __('admin.mdfy_by_txt') }}</th>
                                            <th class="cc-w-35 no-sort">{{ __('admin.action_txt') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if (count($dataListModel) > 0)
                                            @foreach ($dataListModel as $key => $record)
                                                <tr>
                                                    @if ($roleRights['delete'])
                                                        <td scope="row" class="sorting_{{ $record->gallery_item_id }}">
                                                            <div class="form-check">
                                                                <x-form.field.checkbox name="checkbox[]"
                                                                    value="{{ $record->gallery_item_id }}"
                                                                    fldclass="form-check-input fs-15 del-chkbx" />
                                                            </div>
                                                        </td>
                                                    @endif
                                                    <td>{{ $record->type }}</td>
                                                    <td>
                                                        @if ($record->image != '')
                                                            <x-link_tooltip url="{!! $moduleAtrArr['media_folder'] . $record->image !!}"
                                                                title="{{ $moduleAtrArr['view_txt'] }}"
                                                                target="{{ $listDataAtrArr['target'] }}" placement="right">
                                                                <x-img src="{!! $moduleAtrArr['media_folder'] . $record->image !!}"
                                                                    width="{{ $moduleAtrArr['img_width']['small'] }}"
                                                                    class="img-thumbnail" />
                                                            </x-link_tooltip>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($record->popup_image != '')
                                                            <x-link_tooltip url="{!! $moduleAtrArr['media_folder'] . $record->popup_image !!}"
                                                                title="{{ $moduleAtrArr['view_txt'] }}"
                                                                target="{{ $listDataAtrArr['target'] }}" placement="right">
                                                                <x-img src="{!! $moduleAtrArr['media_folder'] . $record->popup_image !!}"
                                                                    width="{{ $moduleAtrArr['img_width']['small'] }}"
                                                                    class="img-thumbnail" />
                                                            </x-link_tooltip>
                                                        @endif
                                                    </td>
                                                    <td>{{ $record->title }}</td>
                                                    <td>{{ !empty($record->c_order) && $record->c_order > 0 ? $record->c_order : '' }}</td>
                                                    <td>
                                                        @if ($roleRights['edit'])
                                                            <x-badge_status_update id="{{ $record->gallery_item_id }}"
                                                                idName="gallery_item_id" table="gallery_items"
                                                                status="{{ $record->status }}"
                                                                statusType="{{ $moduleAtrArr['status_type'] }}"
                                                                alertCss="{{ $listDataAtrArr['alert_css_string'][$record->status] }}" />
                                                        @else
                                                            <x-badge_status status="{{ $record->status }}"
                                                                alertCss="{{ $listDataAtrArr['alert_css_string'][$record->status] }}" />
                                                        @endif
                                                    </td>
                                                    <td>{{ date($listDataAtrArr['mdfy_dt_frmt'], strtotime($record->updated_at)) }}
                                                    </td>
                                                    <td>{{ $record->updatedBy->display_name ?? $listDataAtrArr['unknown_txt'] }}
                                                    </td>
                                                    <td>
                                                        @if ($roleRights['edit'])
                                                            <x-icon_tooltip data-fancybox="list" data-type="iframe" data-width="900" data-height="710" url="{{ route('admin.gallery.gallery-item.edit', [$galModel, $record->gallery_item_id]) }}" title="{{ $listDataAtrArr['edit_title'] }}">
                                                                <i class="ri-edit-box-line fs-3"></i>
                                                            </x-icon_tooltip>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </form>
                        </div>

                    </div>
                </div>
            </div> {{-- end row --}}

        </div> {{-- container-fluid --}}
    </div> {{-- page-content --}}
@endsection