@extends("admin.template.layout")

@section("header")
    <link rel="stylesheet" type="text/css" href="{{asset('')}}admin-assets/plugins/table/datatable/datatables.css">
    <link rel="stylesheet" type="text/css" href="{{asset('')}}admin-assets/plugins/table/datatable/custom_dt_customer.css">
@stop


@section("content")
<div class="card mb-5">
    @if ( GetUserPermissions("masters_create") )
    <div class="card-header"><a href="{{url('admin/home_management/create')}}" class="btn-custom btn mr-2 mt-2 mb-2"><i class="fa-solid fa-plus"></i> Create Home Management</a></div>
    @endif
    <div class="card-body">
        <div class="table-responsive">
        <table class="table table-condensed table-striped" id="sortable-table">
                <thead>
                    <tr>
                        <th>Sort</th>
                        <th>Name</th>
                        <th>Type</th>
                        <th>Category</th>
                        <th>Products</th>
                        <th>Banners</th>
                        <th>Category Sections</th>
                        <th>Sliders</th>
                        <th>Status</th>
                        <th>Created Date</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody id="sortable-list">
                    @foreach($items as $item)
                        <tr data-id="{{ $item->id }}">
                            <td class="handle"><i class="fa fa-arrows-alt"></i></td>
                            <td>{{ $item->name }}</td>
                            <td>{{ ucfirst($item->type) }}</td>
                            <td>
                                {{ optional(\App\Models\Categories::find($item->category_id))->name ?? '-' }}
                            </td>
                            <td>
                                @php
                                    $productIds = is_array($item->product_ids) ? $item->product_ids : json_decode($item->product_ids, true) ?? [];
                                    $productNames = !empty($productIds)
                                        ? \App\Models\ProductModel::whereIn('id', $productIds)->pluck('product_name')->toArray()
                                        : [];
                                @endphp
                                {{ implode(', ', $productNames) ?: '-' }}
                            </td>

                            <td>
                                @php
                                    $bannerIds = is_array($item->banner_ids) ? $item->banner_ids : json_decode($item->banner_ids, true) ?? [];
                                    $bannerNames = !empty($bannerIds)
                                        ? \App\Models\WebBannerModel::whereIn('id', $bannerIds)->pluck('name')->toArray()
                                        : [];
                                @endphp
                                {{ implode(', ', $bannerNames) ?: '-' }}
                            </td>
                            <td>
                                @php
                                    $categorySectionIds = is_array($item->category_section_ids) ? $item->category_section_ids : json_decode($item->category_section_ids, true) ?? [];
                                    $categorySectionNames = \App\Models\Categories::whereIn('id', $categorySectionIds)->pluck('name')->toArray();
                                @endphp
                                {{ $categorySectionNames ? implode(', ', $categorySectionNames) : '-' }}
                            </td>

                            <td>
                                @php
                                    $sliderIds = is_array($item->slider_ids) ? $item->slider_ids : json_decode($item->slider_ids, true) ?? [];
                                    $sliderNames = \App\Models\BannerModel::whereIn('id', $sliderIds)->pluck('banner_title')->toArray();
                                @endphp
                                {{ $sliderNames ? implode(', ', $sliderNames) : '-' }}
                            </td>

                            <td>{{ $item->active ? 'Active' : 'Inactive' }}</td>
                            <td>{{ get_date_in_timezone($item->created_at, config('global.datetime_format')) }}</td>
                            <td class="text-center">
                                <div class="dropdown custom-dropdown">
                                    <a class="dropdown-toggle" href="#" role="button" data-toggle="dropdown">
                                        <i class="flaticon-dot-three"></i>
                                    </a>
                                    <div class="dropdown-menu">
                                        @if ( GetUserPermissions("masters_edit") )
                                        <a class="dropdown-item" href="{{ url('admin/home_management/' . $item->id . '/edit') }}">
                                            <i class="flaticon-pencil-1"></i> Edit
                                        </a>
                                        @endif
                                        
                                         @if ( GetUserPermissions("masters_delete") )
                                        <a class="dropdown-item" data-role="unlink"
                                           data-message="Do you want to remove this Element?"
                                           href="{{ url('admin/home_management/' . $item->id) }}">
                                            <i class="flaticon-delete-1"></i> Delete
                                        </a>
                                        @endif
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@stop

@section("script")
<script src="{{asset('')}}admin-assets/plugins/table/datatable/datatables.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>

<script>
$(function() {
    $("#sortable-list").sortable({
        handle: '.handle',
        update: function(event, ui) {
            let ids = [];
            $("#sortable-list tr").each(function() {
                ids.push($(this).data("id"));
            });

            $.ajax({
                url: "{{ url('admin/home_management/update-sort-order') }}",
                method: "POST",
                data: {
                    ids: ids,
                    _token: "{{ csrf_token() }}"
                },
                success: function(response) {
                    if (response.status == 1) {
                        App.alert(response.message);
                    } else {
                        App.alert(response.message, 'Error');
                    }
                },
                error: function(xhr) {
                    App.alert("Something went wrong!", 'Error');
                }
            });
        }
    });
    $('#sortable-table').DataTable({
            paging: true,
            searching: true,
            ordering: false, // Disable to avoid conflicts
            info: true,
            autoWidth: true,
            responsive: true
    });
});
</script>
@stop