{{--MODAL EDIT RECURRENT TASKS --}}
<div class="modal" id="recurrentTask" tabindex="-1" role="dialog" aria-labelledby="{{ucfirst(trans('app.recurrent_update'))}}">

	<div class="modal-dialog modal-largest" role="document">
		<div class="modal-content">
			<div class="m-title">
				<div id="flag_recurrent_yes" class="frcc phls phrm" data-toggle="tooltip"
						        data-placement="bottom" title="{{ucfirst(trans('app.classic_recurrence'))}}"><i class="fas fa-users svg-x-small sty-grayed"></i></div>
				<div id="flag_recurrent_ex" class="frcc phls phrm" data-toggle="tooltip"
						        data-placement="bottom" title="{{ucfirst(trans('app.extended_recurrence'))}}"><i class="fas fa-users svg-x-small sty-important-light-back"></i></div>
				<span class="fx-grow-1 phll">
					{{ucfirst(trans('app.recurrent_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 id="flag_method_recurrent">
				<div class="frcc config-title font-12px pvt txc bor-blr-3 w-100">
					<div class="frbc fwn bold w-100">
						<div class="frcc fwy flex-grow-1">{{ucfirst(trans('app.users'))}}</div>
					</div>
				</div>

				<div class="frcc fwn w-100 pvm">
					<div class="fx-c jy-fe fwn it-fe w-200px">
						{{ Form::label("user_id", ucfirst(trans('app.tsk_update_recurrent_desc_00')), ["class"=>"frvc fwy form-label w-100"]) }}
						{{ Form::select("user_id", [], null, ["id" => "recurrent_users_list", "class"=>"form-control m-field-input w-100", 'required', 'tabindex'=>'21']) }}
					</div>
				</div>
			</div>

			<div class="frcc config-title font-12px pvt txc bor-blr-3 w-100">
				<div class="frbc fwn bold w-100">
					<div class="frcc fwy flex-grow-1">{{ucfirst(trans('app.update_mass'))}}</div>
					<div class="frec fwy sty-libelle-light w-0 phs">
						<i class="fas fa-question svg-tiny sty-grayed"
							title="{{ucfirst(trans('app.update_mass'))}}"
							data-toggle="popover" data-trigger="hover" data-placement="right" data-html="true"
							data-content="{{ucfirst(trans('app.tsk_update_recurrent_desc_01'))}}"></i>
					</div>
				</div>
			</div>

			<form id="recurrent_update_multi" action="{{route('tasks.update_recurrent')}}" method="post"
			      class="needs-validation hide-submit m-form" novalidate>
				{{method_field('post')}}
				{{csrf_field()}}
				<input type="hidden" name="mass_update" value="1">
				<input type="hidden" id="task_id" name="task_id" value="">
				<input type="hidden" id="user_id" name="user_id" value="">

				<div class="frce fwy w-100 pvm">

					<div class="frce fwy phm">
						<div class="frce fwn phs pvts">
							<div class="frce fwn phs pvts">
								<div class="fx-c jy-fe fwn it-fe w-200px">
									{{ Form::label("task_type_id", ucfirst(trans('app.type')), ["class"=>"frvc fwy form-label w-100"]) }}
									{{ Form::select("task_type_id", [], null, ["class"=>"form-control m-field-input w-100", 'placeholder'=>'', 'tabindex'=>'2']) }}
								</div>
							</div>
						</div>

						<div class="frce fwn phs pvts">
							<div class="fx-c jy-fe fwn it-fe w-200px">
								<div class="frcc fwn w-100 phs">
									<div class="frcc fwn fx-grow-1">
										{{ Form::label("task_name", ucfirst(trans('app.name')), ["class"=>"frvc fwy form-label w-100"]) }}
									</div>
									<i class="fas fa-question svg-tiny sty-grayed" title="{{ucfirst(trans('app.char_max_255'))}}"></i>
								</div>
								{{ Form::text("task_name", null, ["id"=>"rt_name", "class"=>"form-control m-field-input w-100", 'placeholder'=>'', 'tabindex'=>'1']) }}
							</div>
						</div>
					</div>

					<div class="frce fwy phm">
						<div class="fx-c jy-fe fwn it-fe w-200px">
							<div class="frcc fwn w-100">
								{{ Form::label("task_new_assignment", ucfirst(trans('app.assignment')), ["class"=>"frcc fwy form-label w-100"]) }}
								<i class="fas fa-exclamation svg-tiny sty-grayed pvtt pht"
									title="<span class='sty-important-light-back'>{{ucfirst(trans('app.warning'))}}</span>"
									data-toggle="popover" data-trigger="hover" data-placement="right" data-html="true"
									data-content="{{ucfirst(trans('app.tsk_update_recurrent_desc_03'))}}<hr>{{ucfirst(trans('app.tsk_update_recurrent_desc_04'))}}"></i>
							</div>
							{{ Form::select("task_new_assignment", [], null, ["id"=>"rt_ua", "class"=>"form-control m-field-input w-100", 'placeholder'=>'', 'tabindex'=>'2']) }}
						</div>

						<div class="frce fwn phs pvts">
							<div class="fx-c jy-fe fwn it-fe w-200px">
								{{ Form::label("task_milestone", ucfirst(trans('app.milestone')), ["class"=>"frvc fwy form-label w-100"]) }}
								{{ Form::select("task_milestone", $milestones, null, ["id"=>"rt_milestone", "class"=>"form-control m-field-input w-100", 'placeholder'=>'', 'tabindex'=>'2']) }}
							</div>
						</div>
					</div>

					<div class="frce fwy phm">
						<div class="frce fwn phs pvts">
							<div class="fx-c jy-fe fwn it-fe w-200px">
								{{ Form::label("task_days_p", ucfirst(trans('app.planned')), ["class"=>"frvc fwy form-label w-100"]) }}
								{{ Form::number("task_days_p", null, ["id"=>"rt_days_p", "class"=>"form-control m-field-input w-100", 'step'=>'.0625', 'min'=>'0', 'tabindex'=>'3']) }}
							</div>
						</div>
					</div>

				</div>

				<div class="frce fwy w-100 pvm">
					<div class="fx-c fwn jy-fe">
						<button id="recurrent_multi_ok" class="m-cbtn-h" tabindex="4"
						        data-toggle="tooltip"
						        data-placement="bottom"
						        title="{{ucfirst(trans('app.ok'))}}">
							<i class="far fa-check-circle svg-huge-imp bold"></i>
						</button>
					</div>
					<div class="fx-c fwn jy-fe">
						<button id="recurrent_multi_back" class="m-cbtn-h" tabindex="5"
						        data-dismiss="modal"
						        data-toggle="tooltip"
						        data-placement="bottom"
						        title="{{ucfirst(trans('app.back'))}}">
							<i class="far fa-times-circle svg-huge-imp bold"></i>
						</button>
					</div>
				</div>
			</form>

			<div class="frcc config-title font-12px pvt txc bor-blr-3 w-100">
				<div class="frbc fwn bold w-100">
					<div class="frcc fwy flex-grow-1">{{ucfirst(trans('app.update_single'))}}</div>
					<div class="frec fwy sty-libelle-light w-0 phs">
						<i class="fas fa-question svg-tiny sty-grayed"
							title="{{ucfirst(trans('app.update_single'))}}"
							data-toggle="popover" data-trigger="hover" data-placement="right" data-html="true"
							data-content="{{ucfirst(trans('app.tsk_update_recurrent_desc_02'))}}"></i>
					</div>
				</div>
			</div>

			<div class="blank-separator-1 w-100"></div>
			<div class="frec w-100">
				<div class="__filtreUniversel">
					<div class="frec fwn w-150px">
						<div class="frcc fwn txc mn w-100">
							<i class="fas fa-magic svg-in-filter"></i>
							<input class="form-control uf" id="recurrentTasksInput" type="text"
							       placeholder="{{ucfirst(trans('app.universal_filter'))}}" tabindex="6">
						</div>
					</div>
				</div>
			</div>

			<form id="recurrent_update_single" action="{{route('tasks.update_recurrent')}}" method="post"
			      class="needs-validation hide-submit m-form" novalidate>
				{{method_field('post')}}
				{{csrf_field()}}
				<input type="hidden" name="mass_update" value="0">

				<div class="table-responsive"> <!-- h-details -->
					<table class="table sortable table-tasks @if (session()->get('display_tables') == config('constants.display_tables_striped'))
											table-striped
										@endif">
						<thead>
						<tr>
							<th data-defaultsort="disabled" class="w-5px bor-blr-3 phn"></th>
							<th data-defaultsort="disabled" class="tiny-cell phn txc">
								<div class="frcc fwn">
									<input id="rt-cb" type="checkbox" tabindex="7">

									<button id="deleteRT-cbtn" class="cbtn line-h1" tabindex="8" data-target="#deleteRMultiTask"
										data-toggle="popover" data-trigger="hover" data-placement="right" data-html="true" title="{{ucfirst(trans('app.tsk_delete_recurrent_title'))}}"
										data-content="{{ucfirst(trans('app.tsk_delete_recurrent_desc_01'))}}<br><br>
										<span class='sty-important-light-back'>{{ucfirst(trans('app.warning'))}}{{trans('app.double_dot_separator')}}</span>{{trans('app.tsk_delete_recurrent_desc_02')}}<br><br>
										{{ucfirst(trans('app.tsk_delete_recurrent_desc_03'))}}<span class='underline'>{{trans('app.tsk_delete_recurrent_desc_04')}}</span>">
										<i class="fas fa-trash font-18px"></i>
									</button>
									<i  id="deleteRT-cbtn-alt" class="fas fa-trash font-18px mhs outline-none sty-grayed" tabindex="8"
										data-toggle="popover" data-trigger="hover" data-placement="right" data-html="true" title="{{ucfirst(trans('app.tsk_delete_recurrent_title'))}}"
										data-content="{{ucfirst(trans('app.tsk_delete_recurrent_desc_01'))}}<br><br>
										<span class='sty-important-light-back'>{{ucfirst(trans('app.warning'))}}{{trans('app.double_dot_separator')}}</span>{{trans('app.tsk_delete_recurrent_desc_02')}}<br><br>
										{{ucfirst(trans('app.tsk_delete_recurrent_desc_03'))}}<span class='underline'>{{trans('app.tsk_delete_recurrent_desc_04')}}</span>">
									</i>
								</div>
							</th>
							<th class="text-left w-200px" data-defaultsort="disabled">
								<div class="frcc">
									<div class="frcc fwn w-100 phs">
										<div class="frcc fwn fx-grow-1">
											{{ucfirst(trans('app.task'))}}
											<div id="task_null" class="show-warning-small"
												title="{{ucfirst(trans('app.name_null'))}}"><i class="fas fa-exclamation-circle mhs svg-tiny"></i></div>
										</div>
										<i class="fas fa-question svg-tiny sty-grayed" title="{{ucfirst(trans('app.char_max_255'))}}"></i>
									</div>
								</div>
							</th>
							<th class="txc tiny-cell phn ab-no-header" data-defaultsort="disabled"></th> 
							<th class="text-left w-15">{{ucfirst(trans('app.phase'))}}</th>
							<th class="text-left w-15">{{ucfirst(trans('app.activity'))}}</th>
							<th class="text-left">{{ucfirst(trans('app.assignment'))}}</th>
							<th class="txc w-200px" data-defaultsort="disabled">
								<div class="frcc">
									{{ucfirst(trans('app.task_type'))}}
									<div id="type_null" class="show-warning-small"
										title="{{ucfirst(trans('app.type_null'))}}"><i class="fas fa-exclamation-circle mhs svg-tiny"></i></div>
								</div>
							</th>
							<th class="txc tiny-cell">{{ucfirst(trans('app.status'))}}</th>
							<th class="txc large-cell" data-defaultsort="asc">{{ucfirst(trans('app.date'))}}</th>
							<th class="text-right tiny-cell" data-defaultsort="disabled">
								<div class="frcc">
									{{ucfirst(trans('app.planned'))}}
									<div id="negative_planned" class="show-warning-small"
										title="{{ucfirst(trans('app.positive_0'))}}"><i class="fas fa-exclamation-circle mhs svg-tiny"></i></div>
								</div>
							</th>
							<th class="text-right tiny-cell">{{ucfirst(trans('app.realized'))}}</th>

							<!--COLONNE_POUR_FILTRES-DEB-->
							<th class="tiny-cell txc allowed-no" data-defaultsort="disabled"><i class="fas fa-flag"></i></th><!--public-->
							<th class="tiny-cell txc allowed-no" data-defaultsort="disabled"><i class="fas fa-flag"></i></th><!--milestone-->
							<th class="tiny-cell txc allowed-no" data-defaultsort="disabled"><i class="fas fa-flag"></i></th><!--recurrent-->
							<!--COLONNE_POUR_FILTRES-END-->

						</tr>
						</thead>
						<tbody id="recurrent_tasks_table">
						</tbody>
					</table>
				</div>

				<div class="m-bottom">
					<button id="recurrent_single_back" class="m-cbtn-h" tabindex="9110"
					        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="recurrent_single_ok" class="m-cbtn-h recurrent_sub" tabindex="9105"
					        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 MULTI TASKS FOR RECCURENT TASKS PAGE--}}
<div class="modal" id="deleteRMultiTask" tabindex="-1" role="dialog" aria-labelledby="Supprimer plusieurs tâches récurrentes" style="z-index:1100">
	<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.multi_tasks'))}}</div>
			<div class="m-desc">{{ucfirst(trans('app.tsk_delete_desc_01'))}}</div>
			<div class="m-desc show-warning-fatal">{{ucfirst(trans('app.nowayback'))}}</div>
			<div class="m-desc-ex">{{ucfirst(trans('app.delete_multi_confirm'))}}</div>

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

				<div class="sty-ids wrap-break" id="task_id"></div>

				<div class="m-bottom">
					<button id="recurrent_delete_back" 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>