{{-- @dd($unitSetting) --}}
<x-ui.modal blade="{{ $viewName ?? 'unknown' }}" title="Edit unit - {{$unitSetting->unit->name}}" id="edit-unit-modal-{{$unitSetting->unit_id}}" >
    <x-slot name="body">
        <form style="z-index:0;" action="{{route('management-settings.hr.update',['unit_id' => $unitSetting->unit_id,])}}" id="edit-unit-form-{{$unitSetting->unit_id}}" method="POST">
            @csrf
            <div id="input-boolean" style="z-index: 1; position: relative;">
                <x-ui.select.modal
                    :options="[
                        0 => 0,
                        1 => 1,
                    ]"
                    selected="{{$unitSetting->is_auto}}"
                    label="Value:"
                    name="is_auto"
                    id="boolean-value"
                    style="z-index: 1;"
                    class="custom-select-class"/>
            </div>
            <div style="position:relative;z-index:0;" class="d-flex gap-3 mt-5 justify-content-center">
                <x-ui.blue-button class="close-modal-btn">
                    CANCEL
                </x-ui.blue-button>

                <x-ui.blue-button form="edit-unit-form-{{$unitSetting->unit_id}}">

                    SUBMIT
                </x-ui.blue-button>
            </div>

        </form>
    </x-slot>
</x-ui.modal>