{{-- campos de filtro 'Periodo' --}}
@props([
	'classWhen' => 'col-sm-6 col-md-4 col-xl-auto',
	'classStart' => 'col-sm-6 col-md-4 col-xl-auto',
	'classEnd' => 'col-sm-6 col-md-4 col-xl-auto',
	'whenItems' => 	[
			'All'=>'Todos',
			'ytd'=>'Este ano (' . \Carbon\Carbon::now()->format('Y') .')',
			'mtd'=>'Este mês ('. \Carbon\Carbon::now()->isoFormat('MMMM') .')',
			'lastM'=>\Carbon\Carbon::now()->sub('1 month')->isoFormat('MMMM'),
			'lastY'=>\Carbon\Carbon::now()->sub('1 year')->format('Y'),
			'bfLastY'=>\Carbon\Carbon::now()->sub('2 year')->format('Y'),
			'0'=>'Outro período',
		],
	'whenValue' => 'ytd',
	'whenStart' => null,
	'whenEnd' => null,
	])

@once
@section('scripts')
	@parent	
	<script type="text/javascript" src="/js/common-filters.js"></script>
@endsection
@endonce

<div class="{{$classWhen}} mt-1">
	<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('common.filter.when')}}</label>
	<div class="col-12 p-0 ">
		{!! Form::select('when', $whenItems, $whenValue, ['class' => 'form-control','id'=>'fieldWhen']) !!}
	</div>
</div>

<div id='divOtherPeriodStart' class="{{$classStart}} my-1" style="display: none;"> 
	<label for="date_start" class="col-12 p-0 mb-0 col-form-label-sm @error("date_start") text-danger @enderror" 
		>{{__('common.filter.start')}}</label>
	<div class="col-12 p-0">
		<input type="date" name="date_start" value="{{$whenStart}}" class="form-control-sm col-12 @error("date_start") is-invalid @enderror "
			@if($whenStart) min="{{$whenStart}}" @endif
			@if($whenEnd)   max="{{$whenEnd}}" @endif
		>
		<div class="col-12 p-0 small text-danger mb-1">
			@error('date_start'){!! $message !!} @enderror
		</div>
	</div>
</div>

<div id='divOtherPeriodEnd' class="{{$classEnd}} my-1" style="display: none;">
	<label for="date_end" class="col-12 p-0 mb-0 col-form-label-sm @error("date_end") text-danger @enderror" 
		>{{__('common.filter.end')}}</label>
	<div class="col-12 p-0">
		<input type="date" name="date_end" value="{{$whenEnd}}" class="form-control-sm col-12 @error("date_end") is-invalid @enderror "
			@if($whenStart) min="{{$whenStart}}" @endif
			@if($whenEnd)   max="{{$whenEnd}}" @endif
		>
		<div class="col-12 p-0 small text-danger mb-1">
			@error('date_end'){!! $message !!} @enderror
		</div>
	</div>
</div>