{{--MODAL CREATE ACTIVITY--}}
<div class="modal" id="createActivity" tabindex="-1" role="dialog" aria-labelledby="Créer une activité">
	<div class="modal-dialog modal-large" 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.activity'))}}</div>

			<form id="activity_create" action="{{route('activities.create')}}" method="post"
			      class="needs-validation hide-submit m-form" novalidate>
				{{csrf_field()}}
				@include('activities.activity_create')

				<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-activity_create" 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 ACTIVITY--}}
@if(isset($activity))
	<div class="modal" id="deleteActivity" tabindex="-1" role="dialog" aria-labelledby="Supprimer une activité">
		<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" id="activity_name"></div>
				<div class="m-desc">{{ucfirst(trans('app.act_delete_desc'))}}</div>
				<div class="m-desc">{{ucfirst(trans('app.act_delete_desc_ex'))}}</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 action="{{route('activities.destroy')}}" method="post"
				      class="needs-validation hide-submit m-form" novalidate>
					{{method_field('delete')}}
					{{csrf_field()}}
					<input type="hidden" name="activity_id" id="activity_id">

					<div class="sty-ids" id="activity_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 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>
@endif

{{--MODAL DETAILS ACTIVITY--}}
@if(isset($activity))
	<div class="modal" id="detailsActivity" tabindex="-1" role="dialog"
	     aria-labelledby="{{ucfirst(trans('app.simple_view'))}}">
		<div class="modal-dialog modal-largest" role="document">
			<div class="modal-content">
				<div class="m-title">
					<span class="fx-grow-1 phll">
						{{ucfirst(trans('app.simple_view'))}}
					</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">
					<div class="frcc fx-grow-1">
						<div id="activity_name">{{ucfirst(trans('app.loading_message'))}}</div>
						{{trans('app.space_separator')}}<div id="count_details_tasks" class="italic no-bold font-12px sty-libelle-light"></div>
					</div>
				</div>

				<div class="blank-separator-1 w-100"></div>
				<div class="frec w-100">
					
					<div class="__filtreUniversel">
						<button class="Boutton no-zoom" title="{{ucfirst(trans('app.reset'))}}"
							data-toggle="tooltip" data-placement="bottom"
							id="activitiesDetailsInput-reset">
							<i class="fas fa-magic"></i>
						</button>
						<input class="form-control uf" placeholder="{{ucfirst(trans('app.universal_filter'))}}" type="text"
									id="activitiesDetailsInput" tabindex="6">
					</div>
				</div>

				<form action="{{route('activities.details', [null])}}" method="get"
				      class="needs-validation hide-submit m-form" novalidate>
					{{csrf_field()}}
					<input type="hidden" name="user_role_id" id="user_role_id">
					@include('activities.activity_detail')

					<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>
					</div>

					<button id="details_back_to_top" title="{{ucfirst(trans('app.go_top'))}}">
						<i class="fas fa-arrow-up svg-huge sty-glow-txt"></i>
					</button>
				</form>
			</div>
		</div>
	</div>
@endif

{{--MODAL TERMINATE ACTIVITY--}}
@if(isset($activity))
	<div class="modal" id="terminateActivity" tabindex="-1" role="dialog" aria-labelledby="Terminer une activité">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="m-title">
					<span class="fx-grow-1 phll">
						{{ucfirst(trans('app.terminate'))}}
					</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" id="activity_name"></div>
				<div class="m-desc">{{ucfirst(trans('app.act_terminate_desc'))}}</div>
				<div class="m-desc">{{ucfirst(trans('app.act_terminate_desc_ex'))}}</div>
				<div class="m-desc-ex">{{ucfirst(trans('app.action_confirm'))}}</div>

				<form action="{{route('activities.terminate')}}" method="post"
				      class="needs-validation hide-submit m-form" novalidate>
					{{method_field('post')}}
					{{csrf_field()}}
					<input type="hidden" name="activity_id" id="activity_id">

					<div class="sty-ids" id="activity_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 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>
@endif

{{--MODAL ACTIVATE ACTIVITY--}}
@if(isset($activity))
	<div class="modal" id="activateActivity" tabindex="-1" role="dialog" aria-labelledby="Réactiver une activité">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="m-title">
					<span class="fx-grow-1 phll">
						{{ucfirst(trans('app.reactivate'))}}
					</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" id="activity_name"></div>
				<div class="m-desc-ex">{{ucfirst(trans('app.action_confirm'))}}</div>

				<form action="{{route('activities.activate')}}" method="post"
				      class="needs-validation hide-submit m-form" novalidate>
					{{method_field('post')}}
					{{csrf_field()}}
					<input type="hidden" name="activity_id" id="activity_id">

					<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 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>
@endif

{{--CHANGE PRIVACY ACTIVITY--}}
@if(isset($activity))
	<div class="modal" id="privacyActivity" tabindex="-1" role="dialog"
	     aria-labelledby="Changer la visibilité d'une activité">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="m-title">
					<span id="activity_privacy" class="fx-grow-1 phll">						
					</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" id="activity_name"></div>
				
				<div class="blank-separator-2 w-100"></div> 
				<div class="m-desc">
					<span class="bold underline shared-no">{{ucfirst(trans('app.act_privacy_desc_10'))}}</span>{{ucfirst(trans('app.bracket_open'))}}<i class="fas fa-lock pn shared-no"></i>{{ucfirst(trans('app.bracket_close'))}}
					{{ucfirst(trans('app.double_dot_separator'))}}
					<span class="">{{ucfirst(trans('app.act_privacy_desc_11'))}}</span>
					<span class="">{{ucfirst(trans('app.act_privacy_desc_12'))}}</span>
				</div>
				<div class="m-desc">
					<span class="bold underline shared-yes">{{ucfirst(trans('app.act_privacy_desc_20'))}}</span>{{ucfirst(trans('app.bracket_open'))}}<i class="fas fa-unlock-alt pn shared-yes"></i>{{ucfirst(trans('app.bracket_close'))}}
					{{ucfirst(trans('app.double_dot_separator'))}}
					<span class="">{{ucfirst(trans('app.act_privacy_desc_21'))}}</span>
				</div>

				<div id="activity_privacy_confirm" class="m-desc-ex"></div>
				<div class="m-desc-ex">{{ucfirst(trans('app.action_confirm'))}}</div>

				<form action="{{route('activities.privacy')}}" method="post"
				      class="needs-validation hide-submit m-form" novalidate>
					{{method_field('post')}}
					{{csrf_field()}}
					<input type="hidden" name="activity_id" id="activity_id">

					<div class="sty-ids" id="activity_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 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>
@endif

{{--MODAL COPY ACTIVITY - DEV --}}
@if(isset($activity))
	<div class="modal" id="copyActivity" tabindex="-1" role="dialog" aria-labelledby="Copier une activité">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="m-title">
					<span class="fx-grow-1 phll">
						{{ucfirst(trans('app.copy'))}}
					</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" id="activity_name"></div>



				<div class="m-desc">
					<div class="fx-c fwn jy-fs it-c phs-only w-100">						
						<span class="sty-warning-fatal italic">{{ucfirst(trans('app.act_copy_desc_5'))}}</span>
					</div>
				</div>

				<div class="frcc w-100 font-11px phs">
					<div id="number_absences" class="sty-libelle bold">
						<span class="">
							{{ucfirst(trans('app.act_copy_desc_6'))}}{{trans('app.double_dot_separator')}}
						</span>
					</div>
					<div id="activity_nb_tasks" class="sty-warning-fatal font-11px bold"></div>
				</div>

				<div class="m-desc">
					<div class="fx-c fwn jy-fs it-c phs-only w-100">
						<span class="sty-libelle italic">{{ucfirst(trans('app.act_copy_desc_1'))}}</span>
						<span class="sty-libelle italic">{{ucfirst(trans('app.act_copy_desc_2'))}}</span>
					</div>
				</div>

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

				<form action="{{route('activities.copy')}}" method="post"
				      class="needs-validation hide-submit m-form" novalidate>
					{{method_field('post')}}
					{{csrf_field()}}
					<input type="hidden" name="activity_id" id="activity_id">

					<div class="fx-c jy-c fwn pvn it-s phs w-100">
						<div class="frcc fwn">
							{!! Form::label("activity_name", ucfirst(trans('app.act_copy_desc_3')), ["class"=>"frvc fwy form-label w-95"]) !!}
						</div>
						<div class="frcc fwn">
							{!! Form::text("activity_name", null,["class"=>"form-control m-field-input w-50", "autofocus", 'required', 'tabindex'=>'1']) !!}
						</div>
					</div>

					<div class="m-desc">
						<div class="fx-c fwn jy-fs it-c phs-only w-100">
							<span class="sty-libelle italic">{{ucfirst(trans('app.act_copy_desc_10'))}}</span>
							<span class="sty-libelle italic">{{ucfirst(trans('app.act_copy_desc_11'))}}</span>
						</div>
					</div>

					<div class="sty-ids" id="activity_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 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>
@endif

{{--MODAL SHIFT ACTIVITY--}}
@if(isset($activity))
	<div class="modal" id="shiftActivity" tabindex="-1" role="dialog" aria-labelledby="Décaler une activité">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="m-title">
					<span class="fx-grow-1 phll">
						{{ucfirst(trans('app.shift'))}}
					</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" id="activity_name"></div>
				<div class="m-desc-ex">{{ucfirst(trans('app.act_copy_desc_3'))}}</div>
				<div class="m-desc">
					<div class="fx-c fwn jy-fs it-c phs-only w-100">
						<span class="sty-libelle-light italic">{{ucfirst(trans('app.act_shift_desc_1'))}}</span>
						<span class="sty-libelle-light italic">{{ucfirst(trans('app.act_shift_desc_2'))}}</span>
					</div>
				</div>

				<form action="{{route('activities.shift')}}" method="post"
				      class="needs-validation hide-submit m-form" novalidate>
					{{method_field('post')}}
					{{csrf_field()}}
					<input type="hidden" name="activity_id" id="activity_id">

					<div class="fx-c jy-c fwn pvs it-s phs w-100">
						<div class="frcc fwn">
							{!! Form::label("shifting", ucfirst(trans('app.shifting')), ["class"=>"frvc fwy form-label w-95"]) !!}
						</div>
						<div class="frcc fwn">
							{!! Form::selectRange("shifting", 36, -36, 0,["class"=>"form-control m-field-input w-50", 'tabindex'=>'3']) !!}
						</div>
					</div>

					<div class="sty-ids" id="activity_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 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>
@endif