{{--MODAL CREATE --}}
<div class="modal" id="addType" tabindex="-1" role="dialog" aria-labelledby="Ajouter un type">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="m-title">
				<span class="fx-grow-1 phll">
					{{ucfirst(trans('app.add'))}}
				</span>
				<button class="m-cbtn-h phs-only" tabindex="110"
				        data-dismiss="modal"
				        data-toggle="tooltip"
				        data-placement="bottom"
				        title="{{ucfirst(trans('app.back'))}}">
					<i class="far fa-times-circle svg-medium-imp bold"></i>
				</button>
			</div>
			<div class="m-lib">{{ucfirst(trans('app.type'))}}</div>

			<form id="type_create" action="{{route('types.create')}}" method="post"
			      class="needs-validation hide-submit m-form" novalidate autocomplete="off">
				{{method_field('post')}}
				{{csrf_field()}}
				<div class="frvs fwy w-100">
					
					<div class="frcc fwy w-100 phrt m-inside-sub-title bg-clair-moyen">
						<div class="fcbc  fwn bold">
							{{strtoupper(trans('app.attributes'))}}
						</div>
					</div>
					
					<div class="fx-c fwn jy-fs phs-only w-300px">

						<div class="frvc fwy pvs pn">
							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn">
									{{ Form::label("type_object", ucfirst(trans('app.object')), ["class"=>"frvc fwy form-label"]) }}
								</div>
								<div class="frcc fwn w-100 phs">
									{{ Form::select("type_object", [ucfirst(trans('app.absence')), 
																	ucfirst(trans('app.activity')), 
																	ucfirst(trans('app.task')),
																	ucfirst(trans('app.business_department')),], 0, ["class"=>"form-control m-field-input", 'required', 'tabindex'=>'1']) }}
								</div>
							</div>
						</div>

						<div class="frvc fwy pvs pn">
							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn w-100 phs">
									<div class="frcc fwn fx-grow-1">
										<div class="show-warning-small phrt exp-09">{{trans('app.mandatory_sign')}}</div>
										{{ Form::label("type_name", ucfirst(trans('app.name')), ["class"=>"frvc fwy form-label"]) }}
									</div>
									<i class="fas fa-question svg-tiny sty-grayed" title="{{ucfirst(trans('app.char_max_030'))}}"></i>
								</div>
								<div class="frcc fwn w-100 phs">
									{{ Form::text("type_name", null, ["class"=>"form-control m-field-input", 'required', 'tabindex'=>'2']) }}
									<div class="invalid-feedback"></div>
								</div>
								<div id="name_null" class="frbc fwy show-warning-small pos-rel-m1 phm pvbm w-100 h-0">{{ucfirst(trans('app.name_null'))}}</div>
							</div>

							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn w-100 phs">
									<div class="frcc fwn fx-grow-1">
										<div class="show-warning-small phrt exp-09">{{trans('app.mandatory_sign')}}</div>
										{{ Form::label("type_code", ucfirst(trans('app.code')), ["class"=>"frvc fwy form-label"]) }}
									</div>
									<i class="fas fa-question svg-tiny sty-grayed" title="{{ucfirst(trans('app.char_max_030'))}}"></i>
								</div>
								<div class="frcc fwn w-100 phs">
									{{ Form::text("type_code", null, ["class"=>"form-control m-field-input", 'required', 'tabindex'=>'3']) }}
									<div class="invalid-feedback show-warning-small"><i	class="fas fa-exclamation cbtn mht svg-tiny pos-rel-2"></i></div>
								</div>
								<div id="code_null" class="frbc fwy show-warning-small pos-rel-m1 phm pvbm w-100 h-0">{{ucfirst(trans('app.code_null'))}}</div>
							</div>

							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn w-100 phs">
									<div class="frcc fwn fx-grow-1">
											<div class="show-warning-small phrt exp-09">{{trans('app.mandatory_sign')}}</div>
										{{ Form::label("type_rank", ucfirst(trans('app.rank')), ["class"=>"frvc fwy form-label"]) }}
									</div>
									<i class="fas fa-question svg-tiny sty-grayed" title="{{ucfirst(trans('app.positive_int_0'))}}"></i>
								</div>
								<div class="frcc fwn w-100 phs">
									{{ Form::number("type_rank", 0, ["class"=>"form-control m-field-input", 'required', 'step'=>'1', 'min'=>'0', 'tabindex'=>'4']) }}
									<div class="invalid-feedback show-warning-small"><i	class="fas fa-exclamation cbtn mht svg-tiny pos-rel-2"></i></div>
								</div>
							</div>

						</div>

						<div  id="display_default" class="frvc fwy pvs pn">
							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn">
									<div class="show-warning-small phrt exp-09">{{trans('app.mandatory_sign')}}</div>
									{{ Form::label("type_default", ucfirst(trans('app.default_plan')), ["class"=>"frvc fwy form-label"]) }}
								</div>
								<div class="frcc fwn w-100 phs">
									{{ Form::number("type_default", .125, ["class"=>"form-control m-field-input", 'required', 'step'=>'.0625', 'min'=>'0', 'tabindex'=>'5']) }}
									<div class="invalid-feedback"></div>
								</div>
							</div>
						</div>

						<div id="display_colors" class="frve fwy pvs pn">
							<div class="fx-c jy-fe fwn it-s phs">
								<div id="bg_render" class="frcc fwn w-30px h-20px pos-rel-b-6 bor-3px"><i id="fc_render" class="fas fa-circle svg-small"></i></div>
							</div>
							<div class="fccc fwn pvs phs w-40">
								<div class="frcc fwn">
									{{ Form::label("font_color", ucfirst(trans('app.font_color')), ["class"=>"frvc fwy form-label w-95"]) }}
								</div>
								<div class="frbc fwn w-100">
									<select name="font_color" id="font_color" class="form-control m-field-input jy-c" tabindex="2">
										@foreach($colors as $color)
											<option value="{{$color->color_id}}" style="color: {{$color->color_hex}}; background: {{$color->color_hex}}">{{$color->color_name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="fccc fwn pvs phs w-40">
								<div class="frcc fwn">
									{{ Form::label("bg_color", ucfirst(trans('app.bg_color')), ["class"=>"frvc fwy form-label w-95"]) }}
								</div>
								<div class="frbc fwn w-100">
									<select name="bg_color" id="bg_color" class="form-control m-field-input jy-c" tabindex="2">
										@foreach($colors as $color)
											<option value="{{$color->color_id}}" style="color: {{$color->color_hex}}; background: {{$color->color_hex}}">{{$color->color_name}}</option>
										@endforeach
									</select>
								</div>
							</div>
						</div>

					</div>

				</div>

				<div class="blank-separator-2 lnbss w-100"></div>

				<div class="frcc fwy w-100 phrt m-inside-sub-title bg-clair-moyen">
					<div class="fcbc  fwn bold">
						{{strtoupper(trans('app.description'))}}
					</div>
				</div>

				<div class="frvc fwy phm pvts pvbm w-100">
					<textarea class="form-control m-area-input" name="type_description"
							id="type_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 bold"></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 bold"></i>
					</button>
				</div>
			</form>
		</div>
	</div>
</div>


{{--MODAL EDIT --}}
<div class="modal" id="editType" tabindex="-1" role="dialog" aria-labelledby="Éditer un type">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="m-title">
				<span class="fx-grow-1 phll">
					{{ucfirst(trans('app.update'))}}
				</span>
				<button class="m-cbtn-h phs-only" tabindex="110"
				        data-dismiss="modal"
				        data-toggle="tooltip"
				        data-placement="bottom"
				        title="{{ucfirst(trans('app.back'))}}">
					<i class="far fa-times-circle svg-medium-imp bold"></i>
				</button>
			</div>
			<div class="m-lib">{{ucfirst(trans('app.type'))}}</div>

			<form id="type_update" action="{{route('types.update')}}" method="post"
			      class="needs-validation hide-submit m-form" novalidate>
				{{method_field('put')}}
				{{csrf_field()}}

				<input type="hidden" name="type_id" id="type_id" value="">
				<input type="hidden" name="type_object" id="type_object" value="">

				<div class="frvs fwy w-100">
					
					<div class="frcc fwy w-100 phrt m-inside-sub-title bg-clair-moyen">
						<div class="fcbc  fwn bold">
							{{strtoupper(trans('app.attributes'))}}
						</div>
					</div>
					
					<div class="fx-c fwn jy-fs phs-only w-300px">	

						<div class="frvc fwy pvs pn">
							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn w-100 phs">
									<div class="frcc fwn fx-grow-1">
											<div class="show-warning-small phrt exp-09">{{trans('app.mandatory_sign')}}</div>
										{{ Form::label("type_name", ucfirst(trans('app.name')), ["class"=>"frvc fwy form-label"]) }}
									</div>
									<i class="fas fa-question svg-tiny sty-grayed" title="{{ucfirst(trans('app.char_max_030'))}}"></i>
								</div>
								<div class="frcc fwn w-100 phs">
									{{ Form::text("type_name", null, ["class"=>"form-control m-field-input", 'required', 'tabindex'=>'1']) }}
									<div class="invalid-feedback"></div>
								</div>
								<div id="name_null" class="frbc fwy show-warning-small pos-rel-m1 phm pvbm w-100 h-0">{{ucfirst(trans('app.name_null'))}}</div>
							</div>
						</div>

						<div class="frvc fwy pvs pn">
							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn w-100 phs">
									<div class="frcc fwn fx-grow-1">
											<div class="show-warning-small phrt exp-09">{{trans('app.mandatory_sign')}}</div>
										{{ Form::label("type_code", ucfirst(trans('app.code')), ["class"=>"frvc fwy form-label"]) }}
									</div>
									<i class="fas fa-question svg-tiny sty-grayed" title="{{ucfirst(trans('app.char_max_030'))}}"></i>
								</div>
								<div class="frcc fwn w-100 phs">
									{{ Form::text("type_code", null, ["class"=>"form-control m-field-input", 'required', 'tabindex'=>'2']) }}
									<div class="invalid-feedback"></div>
								</div>
								<div id="code_null" class="frbc fwy show-warning-small pos-rel-m1 phm pvbm w-100 h-0">{{ucfirst(trans('app.code_null'))}}</div>
							</div>
						</div>


						<div class="frvc fwy pvs pn">
							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn w-100 phs">
									<div class="frcc fwn fx-grow-1">
											<div class="show-warning-small phrt exp-09">{{trans('app.mandatory_sign')}}</div>
										{{ Form::label("type_rank", ucfirst(trans('app.rank')), ["class"=>"frvc fwy form-label"]) }}
									</div>
									<i class="fas fa-question svg-tiny sty-grayed" title="{{ucfirst(trans('app.positive_int_0'))}}"></i>
								</div>
								<div class="frcc fwn w-100 phs">
									{{ Form::text("type_rank", null, ["class"=>"form-control m-field-input", 'required', 'tabindex'=>'3']) }}
									<div class="invalid-feedback"></div>
								</div>
							</div>
						</div>

						<div  id="display_default" class="frvc fwy pvs pn">
							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn">
									<div class="show-warning-small phrt exp-09">{{trans('app.mandatory_sign')}}</div>
									{{ Form::label("type_default", ucfirst(trans('app.default_plan')), ["class"=>"frvc fwy form-label"]) }}
								</div>
								<div class="frcc fwn w-100 phs">
									{{ Form::number("type_default", null, ["class"=>"form-control m-field-input", 'required', 'step'=>'.0625', 'min'=>'0', 'tabindex'=>'4']) }}
									<div class="invalid-feedback"></div>
								</div>
							</div>
						</div>

						<div id="display_colors" class="frve fwy pvs pn">
							<div class="fx-c jy-fe fwn it-s phs">
								<div id="bg_render" class="frcc fwn w-30px h-20px pos-rel-b-6 bor-3px"><i id="fc_render" class="fas fa-circle svg-small"></i></div>
							</div>
							<div class="fccc fwn pvs phs w-40">
								<div class="frcc fwn">
									{{ Form::label("font_color", ucfirst(trans('app.font_color')), ["class"=>"frvc fwy form-label w-95"]) }}
								</div>
								<div class="frbc fwn w-100">
									<select name="font_color" id="font_color" class="form-control m-field-input jy-c" tabindex="10">
										@foreach($colors as $color)
											<option value="{{$color->color_id}}" style="color: {{$color->color_hex}}; background: {{$color->color_hex}}">{{$color->color_name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="fccc fwn pvs phs w-40">
								<div class="frcc fwn">
									{{ Form::label("bg_color", ucfirst(trans('app.bg_color')), ["class"=>"frvc fwy form-label w-95"]) }}
								</div>
								<div class="frbc fwn w-100">
									<select name="bg_color" id="bg_color" class="form-control m-field-input jy-c" tabindex="11">
										@foreach($colors as $color)
											<option value="{{$color->color_id}}" style="color: {{$color->color_hex}}; background: {{$color->color_hex}}">{{$color->color_name}}</option>
										@endforeach
									</select>
								</div>
							</div>
						</div>

					</div>

				</div>


				<div class="blank-separator-2 lnbss w-100"></div>

				<div class="frcc fwy w-100 phrt m-inside-sub-title bg-clair-moyen">
					<div class="fcbc  fwn bold">
						{{strtoupper(trans('app.description'))}}
					</div>
				</div>

				<div class="frvc fwy phm pvts pvbm w-100">
					<textarea class="form-control m-area-input" name="type_description"
							id="type_description" value="" rows="3" tabindex="40"></textarea>
				</div>
								
				<div class="sty-ids" id="type_id"></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 bold"></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 bold"></i>
					</button>
				</div>
			</form>
		</div>
	</div>
</div>

{{--MODAL EDIT OD--}}
<div class="modal" id="editOD" tabindex="-1" role="dialog" aria-labelledby="Éditer un jour">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="m-title">
				<span class="fx-grow-1 phll">
					{{ucfirst(trans('app.update'))}}
				</span>
				<button class="m-cbtn-h phs-only" tabindex="110"
				        data-dismiss="modal"
				        data-toggle="tooltip"
				        data-placement="bottom"
				        title="{{ucfirst(trans('app.back'))}}">
					<i class="far fa-times-circle svg-medium-imp bold"></i>
				</button>
			</div>
			<div class="m-lib">{{ucfirst(trans('app.open_day'))}}
			</div>

			<form id="od_update" action="{{route('opendays.update')}}" method="post"
			      class="needs-validation hide-submit m-form" novalidate>
				{{method_field('put')}}
				{{csrf_field()}}

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

				<div class="frvs fwy w-100">
					
					<div class="frcc fwy w-100 phrt m-inside-sub-title bg-clair-moyen">
						<div class="frec fwn bold">
							{{ Form::label("od_date", strtoupper(trans('app.date')),["class"=>"sty-libelle bold font-12pxw-95 phrs"]) }}
						</div>
					</div>

					<div class="frcc fwy phm w-100">
						<div class="fx-c jy-c it-c fwn phs">
							{{ Form::text("od_date", null, ["class"=>"form-control m-field-input sty-important-light-back", 'disabled', 'tabindex'=>'1']) }}
							<div class="frcc fwn bold">
								(<div id="od_period"></div>
								{{trans('app.double_dot_separator')}}
								<div class="sty-important-light-back" id="od_od"></div>
								{{trans('app.space_separator')}}
								{{trans('app.open_days')}})
							</div>
						</div>
					</div>

					<div class="blank-separator-2 lnbss w-100"></div>
					<div class="frcc fwy w-100 phrt m-inside-sub-title bg-clair-moyen">
						<div class="fcbc  fwn bold">
							{{strtoupper(trans('app.attributes'))}}
						</div>
					</div>

					<div class="fx-c fwn jy-fs phs-only">
						<div class="frvc fwy pvs pn">
							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn">
									{{ Form::label("od_pub_h", ucfirst(trans('app.public_holiday')), ["class"=>"frvc fwy form-label"]) }}
								</div>
								<div class="frcc fwn w-60px">
									{{ Form::select("od_pub_h", $no_yes, null, ["class"=>"form-control m-field-input", 'disabled', 'tabindex'=>'1']) }}
								</div>
							</div>
						</div>

						<div class="frvc fwy pvs pn">
							<div class="fccc fwn pvs w-100">
								<div class="frcc fwn">
									{{ Form::label("od_bank_h", ucfirst(trans('app.bank_holiday')), ["class"=>"frvc fwy form-label"]) }}
								</div>
								<div class="frcc fwn w-60px">
									{{ Form::select("od_bank_h", $no_yes, null, ["class"=>"form-control m-field-input", 'tabindex'=>'1']) }}
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="sty-ids" id="od_id"></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 bold"></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 bold"></i>
					</button>
				</div>
			</form>
		</div>
	</div>
</div>

{{--MODAL DELETE --}}
<div class="modal" id="deleteType" tabindex="-1" role="dialog" aria-labelledby="Supprimer un type">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="m-title">
				<span class="fx-grow-1 phll">
					{{ucfirst(trans('app.delete'))}}
				</span>
				<button class="m-cbtn-h phs-only" tabindex="110"
				        data-dismiss="modal"
				        data-toggle="tooltip"
				        data-placement="bottom"
				        title="{{ucfirst(trans('app.back'))}}">
					<i class="far fa-times-circle svg-medium-imp bold"></i>
				</button>
			</div>
			<div class="m-lib">{{ucfirst(trans('app.type'))}}</div>
			<div class="m-desc show-warning-fatal">{{ucfirst(trans('app.nowayback'))}}</div>
			<div class="m-desc-ex">{{ucfirst(trans('app.delete_confirm'))}}</div>

			<form id="types_destroy" action="{{route('types.destroy')}}" method="post" class="hide-submit m-form w-100">
				{{method_field('delete')}}
				{{csrf_field()}}

				<input type="hidden" name="old_type_id" id="old_type_id">
				<input type="hidden" name="new_type_id" id="new_type_id">
				<input type="hidden" name="type_object" id="type_object" value="">

				<div class="blank-separator-2 lntdsf w-100"></div>

				<div class="frcc w-100 font-11px phs">
					<div id="number_absences" class="sty-libelle no-bold">
						<span class="sty-absence">
							{{ucfirst(trans('app.absences'))}}
						</span>
						{{trans('app.space_separator')}}{{trans('app.typ_holding_that_type')}}{{trans('app.double_dot_separator')}}
					</div>
					<div id="number_activities" class="sty-libelle no-bold">
						<span class="sty-activity">
							{{ucfirst(trans('app.activities'))}}
						</span>
						{{trans('app.space_separator')}}{{trans('app.typ_holding_that_type')}}{{trans('app.double_dot_separator')}}
					</div>
					<div id="number_tasks" class="sty-libelle no-bold">
						<span class="sty-task">
							{{ucfirst(trans('app.tasks'))}}
						</span>
						{{trans('app.space_separator')}}{{trans('app.typ_holding_that_type')}}{{trans('app.double_dot_separator')}}
					</div>
					<div id="number_businesses" class="sty-libelle no-bold">
						<span class="sty-activity">
							{{ucfirst(trans('app.activities'))}}
						</span>
						{{trans('app.space_separator')}}{{trans('app.typ_holding_that_business')}}{{trans('app.double_dot_separator')}}
					</div>
					<div id="type_count" class="sty-important-light-back font-11px"></div>
				</div>
				<div class="frcc fwy sty-description pvn phs">
					<div id="typ_delete_confirm_types" class="">{{ucfirst(trans('app.typ_delete_confirm_types'))}}</div>
					<div id="typ_delete_confirm_absences" class="">{{ucfirst(trans('app.typ_delete_confirm_absences'))}}</div>
					<div id="typ_delete_confirm_businesses" class="">{{ucfirst(trans('app.typ_delete_confirm_businesses'))}}</div>
				</div>

				<div class="blank-separator-2"></div>

				<div class="fx-c jy-c fwn pvs it-s phs w-100">
					<div class="frcc fwn">
						{!! Form::label("new_type_id", ucfirst(trans('app.typ_choose_new_absence_type')), ["id"=>"new_absence_type", "class"=>"frvc fwy form-label w-95"]) !!}
						{!! Form::label("new_type_id", ucfirst(trans('app.typ_choose_new_activity_type')), ["id"=>"new_activity_type", "class"=>"frvc fwy form-label w-95"]) !!}
						{!! Form::label("new_type_id", ucfirst(trans('app.typ_choose_new_task_type')), ["id"=>"new_task_type", "class"=>"frvc fwy form-label w-95"]) !!}
						{!! Form::label("new_type_id", ucfirst(trans('app.typ_choose_new_business_department')), ["id"=>"new_business_department", "class"=>"frvc fwy form-label w-95"]) !!}	
					</div>
					<div class="frcc fwn">
						{!! Form::select("new_type_id", [], null, ["class"=>"form-control m-field-input w-50", 'tabindex'=>'6']) !!}
					</div>
				</div>

				<div class="sty-ids" id="type_id"></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 bold"></i>
					</button>
					<button id="cbtn-types_destroy" class="m-cbtn-h apply-spin" tabindex="100"
					        data-toggle="tooltip"
					        data-placement="bottom"
					        title="{{ucfirst(trans('app.ok'))}}">
						<i class="far fa-check-circle bold"></i>
					</button>
				</div>
			</form>
		</div>
	</div>
</div>