@php
	$locale = app()->getLocale() != 'vi' ? 'en' : 'vi';	
	$dateFormat = config('datetime.' . $locale . '.format');
	$dateFormatUpperCase = strtoupper($dateFormat);
	$startsAt = !empty($startsAt ?? '') ? Common::date($startsAt) : '';
	$endsAt = !empty($endsAt ?? '') ? Common::date($endsAt) : '';
@endphp
<div class="form-group">
	<div class="row">
		<div class="col-md-6">
			<label for="starts_at">{{trans('admin::message.date.starts_at.label')}} {!!$requireField ?? ''!!}:</label>
			<input class="form-control form-control-lg datepicker" id="starts_at" name="starts_at" type="text" placeholder="{{$dateFormatUpperCase}}"
				value="{{old('starts_at', $startsAt)}}"
				autocomplete="off"
				data-fv-notempty="true"
				data-fv-notempty-message="{{trans('admin::message.date.starts_at.required')}}"
				data-date-format="{{$dateFormat}}"								
				data-fv-date-format="{{$dateFormatUpperCase}}"
				data-fv-date="true"
				data-fv-date-max="ends_at"
				data-fv-date-message="{{trans('admin::message.date.starts_at.invalid')}}"
				data-fv-container=".rangeDateError"						
			>
		</div>
		<div class="col-md-6">
			<label for="starts_at">{{trans('admin::message.date.ends_at.label')}}:</label>
			<input class="form-control form-control-lg datepicker" id="ends_at" name="ends_at" type="text" placeholder="{{$dateFormatUpperCase}}"
				value="{{old('ends_at', $endsAt)}}"
				autocomplete="off"
				data-date-format="{{$dateFormat}}"								
				data-fv-date-format="{{$dateFormatUpperCase}}"
				data-fv-date="true"
				data-fv-date-min="starts_at"
				data-fv-date-message="{{trans('admin::message.date.ends_at.invalid')}}"
				data-fv-container=".rangeDateError"					
			>
		</div>
		<div class="col-md-12"><span class="rangeDateError"></span></div>
	</div>	
</div>