{{-- 
	? To set: 
		*	required: 			input_id	 as  string  unique identifier
			option:				value		 as  string  for validate input value at start
								label		 as  string  html label, default Bewertung
								count		 as  int  	 much stars
								star_color	 as  string  the color od default stars -> default #444

	? To implement in Blade: 
	*		@includeIf('layouts.components.rating', ['id' => 'example1'])

--}}
@php
	$component_name = 'rating';
@endphp

@if (isset($input_id) && !empty($input_id))

	@once
		<link rel="stylesheet" href="{{ asset("css/components/$component_name.css") }}">
	@endonce
	@once
		<style>
			.rating label.star {
				color: {{ !empty($star_color) ? $star_color : '#444' }};
			}
		</style>
	@endonce

	@if (isset($label) )
		<label for="rating-{{ $input_id }}" class="col-form-label">
			{!! !empty($label) ? $label : Bewertung !!}
		</label>
	@endif

	@php
		$count = $count ?? 5;
	@endphp

	<div 	class="rating" data-vote="0" id="rating-{{ $input_id }}" 
			{{-- style="margin-right: calc(100% - {{ 38 * $count +1 }}px);" --}}
	>

		@for ($i = $count; $i > 0 ; $i--)

			@php
				if 		($i === $count) 			{ $star_color = 5; }
				elseif 	($i > ($count * 0.6)) 		{ $star_color = 4; }
				elseif 	($i <= ($count * 0.6) 
						&& $i > ($count * 0.4)) 	{ $star_color = 3; }
				elseif 	($i <= ($count * 0.4) 
						&& $i > ($count * 0.2)) 	{ $star_color = 2; }
				elseif 	($i === 1) 					{ $star_color = 1; }
			@endphp

			<input 	class="star star-{{ $star_color }}" 
					id="star-{{ $i }}-{{ $input_id }}" 
					type="radio" 
					name="{{ $input_name ?? "rating-[$input_id]" }}" 
					value="{{ $i }}"
					{{ old("star[$input_id]", $value ?? '')	=== $i  ? 'checked' : '' }}
			/>
			<label 	class="star star-{{ $star_color }}" for="star-{{ $i }}-{{ $input_id }}"></label>
		@endfor

	</div>

@endif