{{-- @dd($unitSettings) --}}
<x-ui.list-wrapper blade="{{ $viewName ?? 'unknown' }}" :empty="count($unitSettings)">
    <x-slot name="tHead">
        <th class="text-center">UNIT ID</th>
        <th class="text-left">NAME</th>
        <th class="text-center">IS AUTO</th>
        <th class="text-center">ACTION</th>
    </x-slot>
    <x-slot name="tBody">
        @foreach($unitSettings as $unitSetting)
            <tr>
                <td class="text-center">
                    <b>{{$unitSetting->unit_id}}</b>
                </td>
                <td class="text-left">
                    <b>{{$unitSetting->unit->name}}</b>
                </td>
                <td class="text-center status-column">
                    <div class="{{ $unitSetting->is_auto ? 'active' : 'inactive' }}"></div>
                </td>
                <td class="text-center action-column">
                    <span for="action-{{$loop->index}}" class="actions-toggle">
                        <img src="{{asset('images/actions-toggle.svg')}}" alt="open actions">
                    </span>
                    <div class="actions-popup">
                        <span class="close-popup">
                            X
                        </span>
                        <ul>
                            <li><a data-toggle='modal' data-target="edit-unit-modal-{{$unitSetting->unit->id}}">
                                    EDIT HR SETTING FOR UNIT
                                </a>
                            </li>
                        </ul>
                    </div>
                </td>
                @include('management-settings.partials.edit-hr-unit-modal', ['unit' => $unitSetting])
            </tr>
        @endforeach
    </x-slot>
</x-ui.list-wrapper>
{{-- {{$$unitSettings->appends($_GET)->links('components.ui.paginator', ['form'=>'hr-settings-form'])}} --}}