{{--
 *
 * @version     1.0.$Revision:$
 * @version     SVN: $Id:$
 * @package     bplan-base/globals
 * @subpackage  Templates
 * @author      Wassilios Meletiadis <wassilios.meletiadis@bplan-solutions.de>
 * @copyright   Copyright (C) 2025 Wassilios Meletiadis <https://www.bplan-solutions.de/>
 * /Δ\
--}}

                    <div class="col-span-{!! $width !!} sm:col-span-{!! $width !!}">
                      <div class="m-6" x-data="{enabled : @entangle($entangle){!! $modifier !!} }">
                        <div class="flex items-center mt-2">
                          <button{!! $attributeString !!} aria-checked="false" aria-labelledby="{!! $name !!}-label" class="relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200{!! $classAddition !!}" id="{!! $id !!}" role="switch" type="button" x-bind:class="enabled ? 'bg-indigo-600' : 'bg-gray-200'">
                            <span class="pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200" aria-hidden="true" x-bind:class="enabled ? 'translate-x-5' : 'translate-x-0'"></span>
                          </button>
                          <span class="ml-3" id="{!! $id !!}-label">
                            <label class="text-sm font-medium text-gray-900">{{ $label }}</label>
                          </span>
                        </div>
                      </div>
                    </div>
