{{-- 
	? To set: 
		*	required: 	
			array option:		text					as  string  default = Speichern
								type					as  string  default = submit
								icon					as  boolean default = true
								id						as  string 
								name					as  string 
								title					as  string 
								class					as  string  
								sticky_bottom			as  boolean 
								only_dropdown			as  boolean 
								without_head_div		as  boolean 

								dropdown_btn_icon		as  string name of svg icon 
								dropdown_btn_class		as  string 
								dropdown_btn_icon_fa	as  string fa icon name without fa- 
								dropdown_menu_class		as  string 
								dropdown_menu_attr		as  string 

								dropdown				as  array  	
									- href  				as  string 
									- class					as  string 
									- name					as  string 
									- fa-icon				as  string fa icon name without fa- 
									- attr					as  string 
									- hr 					as  boolean = dropdown-divider

	? To implement in Blade: 
			@includeIf('layouts.components.btn_save', ['btn_title' => 'Speichern'])
--}}

		@if ( !isset($without_head_div) )
			<div class="mt-1 rounded
							{{ !empty($sticky_bottom) ? "button-footer sticky-bottom bottom-0" : "" }}
						"
			>
				<div class="input-group mx-auto d-table w-auto">
		@endif
					@if( !isset($only_dropdown) )
						<button	type="{{ !empty($type) ? $type : 'submit' }}" 
								class="btn btn-success btn-save {{ !empty($class) ? $class : '' }}"
									@if( !empty($id) 	)	id="{{ $id }}"		 	@endif
									@if( !empty($name) 	)	name="{{ $name }}" 		@endif
									@if( !empty($title) )	title="{{ $title }}" 	@endif
						>
							@if (!isset($icon) || $icon === true)
								@includeIf('layouts.components.icon', [ 
									'name' 	=> 'datei-speichern', 
									'width' => 20, 
									'attr' 	=> ' style="margin-top= -5px;" ', 
									'class' => 'me-1 bg-light rounded' 
								])
							@endif
							{{ !empty($text) ? $text : 'Speichern' }}
						</button>
					@endif

					@if ( !empty($dropdown) )
						<button type="button" class="btn {{ !empty($dropdown_btn_class) ? $dropdown_btn_class : 'btn-success dropdown-toggle-split dropdown-toggle' }}" data-bs-toggle="dropdown" aria-expanded="false">
							@if ( !empty($dropdown_btn_icon) )
								@includeIf('layouts.components.icon', [ 
									'name' 	=> $dropdown_btn_icon, 
									'width' => 20, 
									'attr' 	=> ' style="margin-top= -5px;" ', 
									'class' => 'me-1 bg-light rounded' 
								])
							@endif
							@if ( !empty($dropdown_btn_icon_fa) )
								<i class="fa fa-{{ $dropdown_btn_icon_fa ?? "caret-down" }}"></i>
							@endif
							<span class="visually-hidden">Toggle Dropdown</span>
						</button>
						<ul class="dropdown-menu {{ !empty($dropdown_menu_class) ? $dropdown_menu_class : '' }}"  {{ !empty($dropdown_menu_attr) ? $dropdown_menu_attr : '' }}>
							@foreach ($dropdown as $item)

								@if (!empty($item['hr']))
									<li>
										<hr	class="dropdown-divider"
											{{ !empty($item['attr']) ? $item['attr'] : '' }}
										>
									</li>
								@elseif (!empty($item['href']))
									<li>
										<{{ $item['href'] === '#' ? 'button type="button"' : 'a' }} class="dropdown-item {{ !empty($item['class']) ? $item['class'] : '' }}" 
											href="{{ !empty($item['href']) ? $item['href'] : '#' }}"
											{!! !empty($item['attr']) ? $item['attr'] : '' !!}
										>
											{!! !empty($item['fa_icon']) ? "<i class='fa fa-" .$item['fa_icon'] ." me-1'></i>" : '' !!}
											{{ !empty($item['name']) ? $item['name'] : 'example' }}
										</{{ $item['href'] === '#' ? 'button' : 'a' }}>
									</li>
								@endif

							@endforeach
						</ul>
				  	@endif

	  	@if ( !isset($without_head_div) )
				</div>
			</div>
		@endif