{{--MODAL CREATE --}}
<!--
<div class="modal" id="addAbsence" tabindex="-1" role="dialog" aria-labelledby="Ajouter une absence">
	<div class="modal-dialog modal-large" role="document">
		<div class="modal-content">
			<div class="m-title">{{ucfirst(trans('app.add'))}}</div>
			<div class="m-lib">{{ucfirst(trans('app.absence'))}}</div>

			<form id="absence_create" action="{{route('absences.create')}}" method="post"
			      class="needs-validation hide-submit m-form" novalidate>
				{{method_field('post')}}
				{{csrf_field()}}

				<input type="hidden" name="id" id="id" value="">
				<input type="hidden" name="week" id="week" value="">

				<div class="fx-r fx-wr-y jy-c w-100 pad-h-right-mini m-inside-sub-title bg-clair-moyen">
					<div class="fx-c fx-wr-n jy-b it-c bold">
						{{ Form::label("absence_date", strtoupper(trans('app.date')),["class"=>"sty-libelle bold font-12pxw-95 pad-h-right-small"]) }}
					</div>
				</div>

				<div class="fx-r fx-wr-y jy-c it-c pad-h-medium w-100">
					<span class="fx-r fx-wr-n jy-fs pad-h-small">
						{{ Form::date("absence_date", \Carbon\Carbon::parse($current_date)->startOfMonth(),["class"=>"form-control m-field-input sty-important-light-back", 'required', 'tabindex'=>'1']) }}
						<div class="invalid-feedback show-warning-small"><i class="fas fa-exclamation cbtn marg-h-small svg-tiny pos-rel-2"></i></div>
					</span>

					<div class="fx-c fx-wr-y jy-b pos-rel-3 w-100"> 
						<div id="date_big" class="fx-r fx-wr-y jy-c h-0 show-warning-small pos-rel-m1 pad-h-large pad-v-bottom-medium">{{ucfirst(trans('app.date_too_big'))}}</div>
						<div id="date_small" class="fx-r fx-wr-y jy-c h-0 show-warning-small pos-rel-m1 pad-h-large pad-v-bottom-medium">{{ucfirst(trans('app.date_too_small'))}}</div>
						<div id="invalid_date" class="fx-r fx-wr-y jy-c h-0 show-warning-small pos-rel-m1 pad-h-large pad-v-bottom-medium">{{ucfirst(trans('app.invalid_date'))}}</div>
					</div>					
				</div>

				<div class="config-separator ln-b-solid-small w-100"></div>
				<div class="fx-r fx-wr-y jy-c w-100 pad-h-right-mini m-inside-sub-title bg-clair-moyen">
					<div class="fx-c fx-wr-n jy-b it-c bold">
						{{strtoupper(trans('app.attributes'))}}
					</div>
				</div>

				<div class="fx-r fx-wr-y jy-e pad-h-medium w-100">
					<div class="fx-c fx-wr-n jy-fs text-center pad-h-only-small w-33">
						<div class="fx-r fx-wr-n jy-c">
							<div class="show-warning-small pad-h-right-mini exp-09">{{trans('app.mandatory_sign')}}</div>
							{{ Form::label("absence_type_id", ucfirst(trans('app.type')), ["class"=>"form-label"]) }}
						</div>
						<div class="fx-r fx-wr-n jy-c pad-h-small">
							{{ Form::select("absence_type_id", $absence_types, null, ["id"=>"absence_type_id", "class"=>"form-control m-field-input", 'required', 'tabindex'=>'2']) }}
							<div class="invalid-feedback"></div>
						</div>
						<div id="type_null" class="fx-r fx-wr-y jy-fs pad-h-large h-0 show-warning-small pos-rel-m1 pad-v-bottom-medium">{{ucfirst(trans('app.field_null'))}}</div>
					</div>
					<div class="fx-c fx-wr-n jy-fs text-center pad-h-only-small w-33">
						{{ Form::label("occurenceSelect", ucfirst(trans('app.recurrence')), ["class"=>"form-label w-95"]) }}
						{{ Form::selectRange("occurenceSelect", 1, 36, null,["class"=>"form-control m-field-input", 'tabindex'=>'3']) }}
					</div>
				</div>

				<div class="config-separator ln-b-solid-small w-100"></div>
				<div class="fx-r fx-wr-y jy-c w-100 pad-h-right-mini m-inside-sub-title bg-clair-moyen">
					<div class="fx-c fx-wr-n jy-b it-c bold">
						{{strtoupper(trans('app.add'))}}{{ucfirst(trans('app.slash_separator'))}}{{strtoupper(trans('app.remove'))}}
					</div>
				</div>

				<div class="fx-r fx-wr-y pad-h-medium pad-v-small jy-c it-c">

					<div class="fx-c fx-wr-n jy-c it-c">
						<div class="fx-r fx-wr-y jy-e pad-h-medium pad-v-small" id="hourscbtns">
							<div class="fx-r fx-wr-y jy-e pad-v-small pad-h-only-small">
								<button type="button" value="0.5" tabindex="10"
								        class="m-cbtn-absence m-cbtn-absence-add"
								        data-toggle="tooltip"
								        data-placement="bottom"
								        title="{{ucfirst(trans('app.add'))}} 0,5 {{trans('app.day_short')}}">+0,5 {{trans('app.day_short')}}
								</button>
							</div>
							<div class="fx-r fx-wr-y jy-e pad-v-small pad-h-only-small">
								<button type="button" value="1" tabindex="11"
								        class="m-cbtn-absence m-cbtn-absence-add"
								        data-toggle="tooltip"
								        data-placement="bottom"
								        title="{{ucfirst(trans('app.add'))}} 1 {{trans('app.day_short')}}">+1 {{trans('app.day_short')}}
								</button>
							</div>
							<div class="fx-r fx-wr-y jy-e pad-v-small pad-h-only-small">
								<button type="button" value="2" tabindex="12"
								        class="m-cbtn-absence m-cbtn-absence-add"
								        data-toggle="tooltip"
								        data-placement="bottom"
								        title="{{ucfirst(trans('app.add'))}} 2 {{trans('app.day_short')}}">+2 {{trans('app.day_short')}}
								</button>
							</div>
							<div class="fx-r fx-wr-y jy-e pad-v-small pad-h-only-small">
								<button type="button" value="5" tabindex="13"
								        class="m-cbtn-absence m-cbtn-absence-add"
								        data-toggle="tooltip"
								        data-placement="bottom"
								        title="{{ucfirst(trans('app.add'))}} 5 {{trans('app.day_short')}}">+5 {{trans('app.day_short')}}
								</button>
							</div>
						</div>
					</div>
				</div>

				<div class="fx-r fx-wr-y pad-h-medium pad-v-small jy-c it-c">

					<div class="fx-c fx-wr-n jy-c it-c">
						<div class="fx-r fx-wr-y jy-e pad-v-small pad-h-only-small" id="hourscbtns">
							<div class="fx-r fx-wr-y jy-e pad-v-small pad-h-only-small">
								<button type="button" value="-0.5" tabindex="20"
								        class="m-cbtn-absence m-cbtn-absence-doff"
								        data-toggle="tooltip"
								        data-placement="bottom"
								        title="{{ucfirst(trans('app.remove'))}} 0,5 {{trans('app.day_short')}}">-0,5 {{trans('app.day_short')}}
								</button>
							</div>
							<div class="fx-r fx-wr-y jy-e pad-v-small pad-h-only-small">
								<button type="button" value="-1" tabindex="21"
								        class="m-cbtn-absence m-cbtn-absence-doff"
								        data-toggle="tooltip"
								        data-placement="bottom"
								        title="{{ucfirst(trans('app.remove'))}} 1 {{trans('app.day_short')}}">-1 {{trans('app.day_short')}}
								</button>
							</div>
							<div class="fx-r fx-wr-y jy-e pad-v-small pad-h-only-small">
								<button type="button" value="-2" tabindex="22"
								        class="m-cbtn-absence m-cbtn-absence-doff"
								        data-toggle="tooltip"
								        data-placement="bottom"
								        title="{{ucfirst(trans('app.remove'))}} 2 {{trans('app.day_short')}}">-2 {{trans('app.day_short')}}
								</button>
							</div>
							<div class="fx-r fx-wr-y jy-e pad-v-small pad-h-only-small">
								<button type="button" value="-5" tabindex="23"
								        class="m-cbtn-absence m-cbtn-absence-doff"
								        data-toggle="tooltip"
								        data-placement="bottom"
								        title="{{ucfirst(trans('app.remove'))}} 5 {{trans('app.day_short')}}">-5 {{trans('app.day_short')}}
								</button>
							</div>
						</div>
					</div>
				</div>

				<div class="fx-r pad-h-medium pad-v-top-small fx-wr-n jy-c align-center">

					<div class="fx-r jy-c it-c pad-h-medium pad-v-top-small fx-wr-n" id="hourscbtns">
						<input type="number" id="absence_days" name="absence_days"
						       class="form-control readonly-input font-18px bor-no text-right" count="0"
						       value="0"
						       step="any" ex_value="0"
						       required='required' disabled>
						<label for="absence_days" class="readonly-label pad-h-right-medium"><span class="bold">{{ucfirst(trans('app.days'))}}</span></label>
					</div>
					<div class="fx-r jy-c it-c pad-h-medium pad-v-top-small fx-wr-n" id="delhourscbtn">
						<button type="button" value="0" class="m-cbtn-absence-reset" tabindex="30"
						        data-toggle="tooltip"
						        data-placement="bottom"
						        title="{{ucfirst(trans('app.initialize'))}}"><i class="fas fa-sync-alt sty-absences-reset"></i>
						</button>
					</div>
				</div>
				<div id="absence_null" class="fx-r fx-wr-y jy-b h-0 show-warning-small pos-rel-m1 pad-h-large pad-v-bottom-medium">{{ucfirst(trans('app.positive_0'))}}</div>

				<div class="config-separator ln-b-solid-small w-100"></div>
				<div class="fx-r fx-wr-y jy-c w-100 pad-h-right-mini m-inside-sub-title bg-clair-moyen">
					<div class="fx-c fx-wr-n jy-b it-c bold">
						{{strtoupper(trans('app.description'))}}
					</div>
				</div>

				<div class="fx-r fx-wr-y jy-e pad-h-medium pad-v-top-small pad-v-bottom-medium w-100">
					<textarea class="form-control m-area-input" name="absence_description"
							id="absence_description" value="" rows="3" tabindex="40"></textarea>
				</div>

				<div class="m-bottom">
					<button class="m-cbtn-h" tabindex="110"
					        data-dismiss="modal"
					        data-toggle="tooltip"
					        data-placement="bottom"
					        title="{{ucfirst(trans('app.back'))}}">
						<i class="far fa-times-circle"></i>
					</button>
					<button class="m-cbtn-h" tabindex="100"
					        data-toggle="tooltip"
					        data-placement="bottom"
					        title="{{ucfirst(trans('app.ok'))}}">
						<i class="far fa-check-circle"></i>
					</button>
				</div>
			</form>

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