@extends('layouts.app')
@section('title', $cfg['entity_label_plural'])

@push('stylesheets')
@include('partials.index-datatable-styles')
<style>
    #masterTableCard .table-responsive { overflow-x: visible; overflow-y: visible; }
    @media (max-width: 768px) {
        #masterTableCard .table-responsive { overflow-x: auto; }
    }
</style>
@endpush

@section('contents')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12" id="masterTableCard">
                @php
                    $nameField = $cfg['name_field'] ?? 'name';
                    $headers = [];
                    $sortColumns = [];

                    if ($cfg['show_category'] ?? false) {
                        $headers[] = $cfg['category_header'] ?? 'Category';
                        $sortColumns[] = 'category';
                    }
                    if ($cfg['show_parent'] ?? false) {
                        $headers[] = 'Parent';
                        $sortColumns[] = 'parent_id';
                    }
                    if ($cfg['show_code'] ?? false) {
                        $headers[] = 'Code';
                        $sortColumns[] = 'code';
                    }
                    $headers[] = 'Name';
                    $sortColumns[] = $nameField;
                    if ($cfg['show_sort_order'] ?? false) {
                        $headers[] = 'Sort';
                        $sortColumns[] = 'sort_order';
                    }
                    $headers[] = 'Status';
                    $sortColumns[] = 'status';
                    $headers[] = 'Created At';
                    $sortColumns[] = 'created_at';
                @endphp
                <x-layouts.index-card
                    :createRoute="can($permissionSlug, 'add') ? route(str_replace('.index', '.create', $cfg['index_route'])) : null"
                    :tableHeading="$cfg['entity_label_plural']"
                    :showTableHeading="true"
                    :createLabel="'Add Item'"
                    :headers="$headers"
                    :sortColumns="$sortColumns"
                    :pagination="$items->links('vendor.pagination.bootstrap-4')"
                >
                    @foreach ($items as $row)
                        @php
                            $displayName = $row->{$nameField} ?? $row->name ?? $row->label ?? '—';
                            $resource = str_replace('.index', '', $cfg['index_route']);
                        @endphp
                        <tr>
                            @if ($cfg['show_category'] ?? false)
                                <td>{{ display_text($cfg['category_options'][$row->category] ?? $row->category ?? '—') }}</td>
                            @endif
                            @if ($cfg['show_parent'] ?? false)
                                <td>{{ display_text($cfg['parent_options'][$row->parent_id] ?? ($row->parent?->name ?? '—')) }}</td>
                            @endif
                            @if ($cfg['show_code'] ?? false)
                                <td><code>{{ $row->code }}</code></td>
                            @endif
                            <td>
                                <x-details-modal-with-actions
                                    as="trigger"
                                    :modalId="$cfg['modal_id']"
                                    :detailsUrl="route($resource.'.show', $row->id)"
                                    :entityId="$row->id"
                                    :entityName="$displayName"
                                    :editUrl="can($permissionSlug, 'edit') ? route($resource.'.edit', $row->id) : null"
                                    :deleteUrl="can($permissionSlug, 'delete') ? route($resource.'.destroy', $row->id) : null"
                                >
                                    {{ $displayName }}
                                </x-details-modal-with-actions>
                            </td>
                            @if ($cfg['show_sort_order'] ?? false)
                                <td>{{ $row->sort_order ?? '—' }}</td>
                            @endif
                            <td>
                                @if($row->status)
                                    <span class="badge badge-success">Active</span>
                                @else
                                    <span class="badge badge-secondary">Inactive</span>
                                @endif
                            </td>
                            <td>{{ optional($row->created_at)->format('d M Y') }}</td>
                        </tr>
                    @endforeach
                </x-layouts.index-card>
            </div>
        </div>
    </div>
</section>

<x-details-modal-with-actions
    :modalId="$cfg['modal_id']"
    :entityLabel="$cfg['entity_label']"
    :form="$permissionSlug"
    :formKey="$permissionSlug"
/>
@endsection

@push('scripts')
@include('partials.index-datatable-scripts')
<script>
$(function () {
    if ($('#example1').length) {
        PmsIndexDataTable.initLaravelPaginated('#example1', { order: [] });
        PmsIndexDataTable.attachServerSort('#example1', {
            baseUrl: '{{ route(str_replace(".index", "", $cfg["index_route"]).".index") }}',
            currentQuery: @json(request()->except(['page'])),
            currentSortCol: '{{ request("sort_col", "") }}',
            currentSortDir: '{{ request("sort_dir", "desc") }}'
        });
    }
});
</script>
@include('admin-controls.partials.master-details-modal-scripts')
@endpush