@php
    if (isset($tableConfigurations['actions']) && isset($tableConfigurations['actions']['mode'])) {
        if (
            !($tableConfigurations['actions']['mode'] == 'buttons' || $tableConfigurations['actions']['mode'] == 'menu')
        ) {
            $tableConfigurations['actions']['mode'] = 'buttons';
        }
    } else {
        $tableConfigurations['actions']['mode'] = 'buttons';
    }
@endphp
<div class="table-main-container">
    <div class="table-title-container">
        <div class="d-flex align-items-center">
            @if (isset($tableConfigurations['back_button']))
                <a class="table-header-back-button me-3" href="{{ @$tableConfigurations['back_button']['link'] }} "><i
                        class="icon-back-arrow"></i></a>
            @endif
            <h2 class="table-title h2 mb-0">{!! isset($tableConfigurations['title']) ? $tableConfigurations['title'] : '<span>&nbsp;</span>' !!}</h2>
        </div>
        <div class="d-flex">
            @if (isset($tableConfigurations['top_right_button']))
                <a class="btn btn-primary btn-custom" href="{{ @$tableConfigurations['top_right_button']['link'] }}"><span
                        class="plus">+</span>{{ @$tableConfigurations['top_right_button']['text'] }}</a>
            @endif

        </div>
    </div>
    @if (isset($tableConfigurations['filters']) && $tableConfigurations['filters'] == true)
        <div class="table-search-panel">
            <h3 class="table-title h3 mb-2">{{ lang('Filters') }}</h3>
            <form method="GET" action="" class="from-filter">
                <div class="row justify-content-between align-items-end w-100 g-0">
                    @php
                        $tableFormInputs = 0;
                        foreach ($tableConfigurations['headers'] as $column => $settings) {
                            if (isset($settings['filter']) && $settings['filter']) {
                                $tableFormInputs++;
                            }
                        }
                        $tableFormRowClass =
                            $tableFormInputs <= 2
                                ? 'col-md-6'
                                : ($tableFormInputs <= 3
                                    ? 'col-md-4'
                                    : ($tableFormInputs <= 4
                                        ? 'col-md-3'
                                        : 'col-md-3'));
                        $tableSearchPanelFormInputContainerClasses =
                            $tableFormInputs <= 4
                                ? 'table-search-panel-form-inputs col-md-10'
                                : 'table-search-panel-form-inputs col-custom';
                        $tableSearchPanelFormButtonContainerClasses =
                            $tableFormInputs <= 4
                                ? 'table-search-panel-form-buttons col-md-2 d-flex justify-content-between'
                                : 'table-search-panel-form-buttons col-md-3 pe-4 d-flex justify-content-between';
                    @endphp
                    <div class="{{ $tableSearchPanelFormInputContainerClasses }}">
                        <div class="row w-100">
                            @foreach ($tableConfigurations['headers'] as $column => $settings)
                                @if (isset($settings['filter']) && $settings['filter'])
                                    <div class={{ $tableFormRowClass }}>
                                        <div class="form-group">
                                            <label>{{ $settings['title'] }}</label>
                                            @if (isset($settings['filter_type']))
                                                @if ($settings['filter_type'] == 'date')
                                                    <div class="table-form-sub-group">
                                                        <input type="date" name="{{ $column }}_from"
                                                            placeholder="{{ lang('From Date') }}" class="form-control"
                                                            value="{{ @$_GET[$column . '_from'] }}">
                                                    </div>
                                                    <div class="table-form-sub-group">
                                                        <input type="date" name="{{ $column }}_to"
                                                            placeholder="{{ lang('To Date') }}" class="form-control"
                                                            value="{{ @$_GET[$column . '_to'] }}">
                                                    </div>
                                                @elseif ($settings['filter_type'] == 'select')
                                                    <select name="{{ $column }}" class="form-control">
                                                        @if (isset($settings['filter_options']) && is_array($settings['filter_options']))
                                                            @foreach ($settings['filter_options'] as $value => $option)
                                                                <option value="{{ $value }}"
                                                                    @selected(isset($_GET[$column]) && $_GET[$column] == $value)>
                                                                    {{ $option }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                @endif
                                            @else
                                                <input type="text" name="{{ $column }}" class="form-control"
                                                    placeholder="{{ lang('Search by') }} {{ $settings['title'] }}"
                                                    value="{{ @$_GET[$column] }}">
                                            @endif
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                    <div class="{{ $tableSearchPanelFormButtonContainerClasses }}">
                        <input type="submit" class="btn btn-primary btn-custom " value="{{ lang('Search') }}">
                        <input type="reset" class="btn btn-reset btn-custom red-bg" value="{{ lang('Reset') }}">
                    </div>
                </div>
            </form>
        </div>
    @endif

    <div class="table-container">
        <div class="table-export-btn-container">
            <div class="d-flex">
                <a class="btn btn-primary btn-custom btn-download pdf-bg"
                    href="{{ request()->fullUrlWithQuery(['export' => 'pdf']) }}"><i class="icon icon-pdf"></i></a>
                <a class="btn btn-primary btn-custom ms-3 btn-download csv-bg"
                    href="{{ request()->fullUrlWithQuery(['export' => 'csv']) }}"><i class="icon icon-csv"></i></a>
                <a class="btn btn-primary btn-custom ms-3 btn-download xlsx-bg"
                    href="{{ request()->fullUrlWithQuery(['export' => 'xlsx']) }}"><i class="icon icon-xlsx"></i></a>
            </div>
        </div>
        <div class="table-responsive w-100">
            <table class="table">
                <thead>
                    <tr>
                        @if (isset($tableConfigurations['show_serial_no']) && $tableConfigurations['show_serial_no'] == true)
                            <th>{{ lang('Sr. No.') }}</th>
                        @endif
                        @foreach ($tableConfigurations['headers'] as $column => $settings)
                            @if (isset($settings['hide']) && $settings['hide'] == true)
                            @else
                                <th>{{ $settings['title'] }}</th>
                            @endif
                        @endforeach
                        @if (isset($tableConfigurations['actions']) &&
                                isset($tableConfigurations['actions']['display']) &&
                                $tableConfigurations['actions']['display'] == true)
                            <th
                                class="table-actions {{ $tableConfigurations['actions']['mode'] == 'menu' ? 'table-actions-menu-mode' : 'table-actions-buttons-mode' }}">
                                {{ lang('Actions') }}</th>
                        @endif
                    </tr>
                </thead>
                <tbody>
                    @php
                        $indexStart = $tableData->perPage() * ($tableData->currentPage() - 1) + 1;
                    @endphp
                    @foreach ($tableData as $index => $row)
                        <tr>
                            @if (isset($tableConfigurations['show_serial_no']) && $tableConfigurations['show_serial_no'] == true)
                                <td>{{ $index + $indexStart }}</td>
                            @endif
                            @foreach ($tableConfigurations['headers'] as $column => $settings)
                                @php
                                    $row_value = $row->$column;
                                    if (isset($settings['convert_value']) && !empty($settings['convert_value'])) {
                                        $newColumn = 'converted_' . $column;
                                        $row_value = call_user_func($settings['convert_value'], $row_value);
                                        $row->$newColumn = $row_value;
                                    }

                                    if (isset($settings['replace_value']) && is_array($settings['replace_value'])) {
                                        $row_value = isset($settings['replace_value'][$row_value])
                                            ? $settings['replace_value'][$row_value]
                                            : 'N/A';
                                    }
                                @endphp

                                @if (isset($settings['hide']) && $settings['hide'] == true)
                                @else
                                    <td>
                                        @if (isset($settings['is_image']) && $settings['is_image'] == true)
                                            <img src="{!! $row_value !!}" alt="">
                                        @else
                                            {!! $row_value !!}
                                        @endif
                                    </td>
                                @endif
                            @endforeach
                            @if (isset($tableConfigurations['actions']) &&
                                    isset($tableConfigurations['actions']['display']) &&
                                    $tableConfigurations['actions']['display'] == true)
                                <td
                                    class="table-actions {{ $tableConfigurations['actions']['mode'] == 'menu' ? 'table-actions-menu-mode' : 'table-actions-buttons-mode' }}">
                                    @if (isset($tableConfigurations['actions']['actions']))
                                        <div class="table-actions-container">
                                            <!-- Dropdown menu for actions -->
                                            @if ($tableConfigurations['actions']['mode'] == 'menu')
                                                <div class="table-actions-dropdown-toggle">
                                                    <svg fill="#000000" viewBox="0 0 512 512"
                                                        xmlns="http://www.w3.org/2000/svg" width="50%" height="50%">
                                                        <g>
                                                            <circle cx="256" cy="256" r="48"></circle>
                                                            <circle cx="256" cy="416" r="48"></circle>
                                                            <circle cx="256" cy="96" r="48"></circle>
                                                        </g>
                                                    </svg>
                                                </div>
                                            @endif
                                            <ul
                                                class="{{ $tableConfigurations['actions']['mode'] == 'menu' ? 'table-actions-dropdown-menu' : 'table-actions-buttons' }}">
                                                @foreach ($tableConfigurations['actions']['actions'] as $action)
                                                    @php
                                                        $action_name = $action['name'];
                                                        $action_url = '#';

                                                        if (isset($action['route']) && !empty($action['route'])) {
                                                            $route = $action['route'];
                                                            if (
                                                                isset($action['routeParams']) &&
                                                                is_array($action['routeParams']) &&
                                                                !empty($action['routeParams'])
                                                            ) {
                                                                $routeParams = [];
                                                                foreach (
                                                                    $action['routeParams']
                                                                    as $routeParamKey => $routeParam
                                                                ) {
                                                                    $routeParams[$routeParamKey] = $row->$routeParam;
                                                                }
                                                                $action_url = route($action['route'], $routeParams);
                                                            } else {
                                                                $action_url = route($action['route']);
                                                            }
                                                        }

                                                    @endphp

                                                    @if ($action_name == 'Edit')
                                                        <li><a href="{{ $action_url }}"><span
                                                                    class="btn-action btn-edit"><i
                                                                        class="icon-edit"></i></span></a></li>
                                                    @elseif ($action_name == 'View')
                                                        <li><a href="{{ $action_url }}"> <span
                                                                    class="btn-action btn-view"><i
                                                                        class="icon-view"></i></span></a></li>
                                                    @elseif ($action_name == 'Delete')
                                                        <li><a type="button" data-bs-toggle="modal"
                                                                data-bs-target="#deleteModal_{{$index}}"><span
                                                                    class="btn-action btn-trash"><i
                                                                        class="icon-trash"></i></span></a></li>
                                                        <div id="deleteModal_{{$index}}" class="modal fade delete-button"
                                                            tabindex="-1" aria-labelledby="exampleModalLabel"
                                                            aria-hidden="true">
                                                            <div class="modal-dialog">

                                                                <!-- Modal content-->
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title">Confirm Record Deletion</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <p class="dis">Are you sure you want to delete
                                                                            this record?</p>
                                                                        <p class="mb-0">This action is permanent and
                                                                            cannot be undone. Please confirm to proceed or
                                                                            cancel to keep the record.</p>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button"
                                                                            class="btn btn-primary btn-custom me-3"
                                                                            data-bs-dismiss="modal">Cancel</button>

                                                                        <button type="button" class="button-area"
                                                                            data-bs-dismiss="modal"><a
                                                                                href="{{ $action_url }}"
                                                                                class="btn btn-reset btn-custom red-bg">
                                                                                Delete</a></button>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    @else
                                                        <li><a href="{{ $action_url }}"
                                                                class="btn btn-primary  btn-custom">{!! $action_name !!}</a>
                                                        </li>
                                                    @endif
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif
                                </td>
                            @endif
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if ($tableConfigurations['pagination'])
            <div class="table-pagination">
                {{ $tableData->appends(request()->input())->links('pagination::bootstrap-4') }}
            </div>
        @endif
    </div>
</div>