{{-- 
	? To set: 
		*	required: 	title 				 as  string  html 
		*		or	 	title_h2 			 as  string  html for big table
			option:		route				 as  string  to view route for show animated button,
						label_pill			 as  string 
						label_pill_color	 as  string color default = secondary
						label_pill_attr	 	 as  string attributes
						btn_text			 as  string  , 
						btn_fa_icon			 as  string  without "fa-",
						sticky 				 as  boolean to fix at the top
						btn_title			 as  string 
						btn_css				 as  string 
						css					 as  string  for customize field css
						class				 as  string  for customize field class
						collapse_id			 as  string  to eneble collapse
						modal_id			 as  string  to eneble modal btn
						static_btn			 as  string  to eneble btn static and text of btn in html
						rating				 as  array   to eneble rating stars
						a_style				 as  string  style attribute of a tag

	? To implement in Blade: 
	*		@includeIf('layouts.components.card_header', [
							'title' => 'Example head'
						])

			collapse need:
		 		<div class="collapse show" id="{{ $collapse_id }}">
					<div class="card-body d-flex align-items-start pe-0">

					</div>
				</div>
--}}

@if ( (!empty($title) || !empty($title_h2)) && (empty($version) || $version == 1) )
	@if (!empty($collapse_id) && !isset($route) && !isset($modal_id))
		<a class="text-toogle text-decoration-none" data-bs-toggle="collapse" href="#{{ $collapse_id }}" role="button" {{ !empty($a_style) ? "style=$a_style" : '' }}>
	@endif

		<div class="card-header card-title{{ (isset($route) || isset($modal_id)) ? " d-flex align-items-center" : "" }}{{ isset($sticky) ? " sticky-top" : "" }}{{ !empty($css) ? ' '.$css : '' }}{{ !empty($class) ? ' '.$class : '' }}" >
			
			@if (!empty($collapse_id) && (isset($route) || isset($modal_id)))
				<a class="text-toogle text-decoration-none text-light" data-bs-toggle="collapse" href="#{{ $collapse_id }}" role="button">
			@endif

				@if (!empty($collapse_id))
					<span class="fa fa-chevron-down"></span>
				@endif

				{!! !empty($title) 		? $title 									: '' !!}
				{!! !empty($title_h2) 	? "<h2 class='mb-0'>$title_h2</h2>" 		: '' !!}
                @if(!empty($label_pill_bracke)) <br> @endif
				{!! !empty($label_pill) ? "<span class='badge rounded-pill " .(!empty($label_pill_color) ? 'text-bg-' .$label_pill_color : 'text-bg-secondary') ." ms-2 fs-7' " .(!empty($label_pill_attr) ? $label_pill_attr : '') .">$label_pill</span>" : '' !!}
				@if(!empty($label_pills) && is_array($label_pills))
                    @foreach($label_pills as $label_pill)
                        <span class="badge rounded-pill {{ !empty($label_pill['color']) ? 'text-bg-' . $label_pill['color'] : 'text-bg-secondary' }} ms-2 fs-7" 
                            {!! !empty($label_pill['attr']) ? $label_pill['attr'] : '' !!}
                        >
                            {{ !empty($label_pill['title']) ? $label_pill['title'] : $label_pill ?? "NO TITLE" }}
                        </span>
                    @endforeach
                @endif

			@if (!empty($collapse_id) && (isset($route) || isset($modal_id)))
				</a>
			@endif

			@if ( (!isset($static_btn) && isset($route) &&  Route::has($route)) || isset($modal_id) && !isset($static_btn))
				@includeIf('layouts.components.btn_route_animated')
			@endif
			@if (isset($route) && Route::has($route) && !empty($static_btn))
				<div class="ms-auto">
					<a href="{{ route($route) }}" class="btn btn-success">
						<i class="fa fa-plus-circle"></i>
						{!! $static_btn !!}
					</a>
				</div>
			@elseif ( !empty($rating['input_id']) )
			    <div class="float-end" data-component="ratiing">
					@includeIf('layouts.components.rating', $rating)
				</div>
			@endif

		</div>

	@if (!empty($collapse_id) && !isset($route) && !isset($modal_id))
		</a>
	@endif

@elseif((!empty($title) || !empty($title_h2)) && $version == 2 )



@endif