{{--MODAL CREATE PUBLIC TASK--}}
<div class="modal" id="createTaskPublic" tabindex="-1" role="dialog" aria-labelledby="Ajouter une tâche publique">
	<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.task'))}}</div>

			<form id="task_create_public" action="{{route('tasks.create')}}" method="post"
			      class="needs-validation hide-submit m-form" novalidate autocomplete="off">
				{{csrf_field()}}

				@include('tasks.task_form_create_public')
				<input type="hidden" name="public" id="public" value="1">

				<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-task_create_public" 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 CURRENT TASK FOR TASKS PAGE--}}
<div class="modal" id="editTask" tabindex="-1" role="dialog" aria-labelledby="Éditer une tâche">
	<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.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" id="task_name"></div>

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

				@include('tasks.task_form_edit')

				<input type="hidden" name="task_id" id="task_id" value="">
				<input type="hidden" name="phase_id" id="phase_id" value="">
				<input type="hidden" name="activity_id" id="activity_id" value="">

				<div class="sty-ids" id="task_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-task_update-index" 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 TASK FOR TASKS PAGE--}}
<div class="modal" id="deleteTask" tabindex="-1" role="dialog" aria-labelledby="Supprimer une tâche">
	<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="task_name"></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_confirm'))}}</div>

			<form action="{{route('tasks.destroy')}}" method="post"
			      class="needs-validation hide-submit m-form" novalidate>
				{{method_field('delete')}}
				{{csrf_field()}}
				<div class="sty-ids" id="task_id"></div>

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

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

{{--MODAL TERMINATE TASK FOR TASKS PAGE--}}
<div class="modal" id="terminateTask" tabindex="-1" role="dialog" aria-labelledby="Terminer une tâche">
	<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="task_name"></div>
			<div class="m-desc">{{ucfirst(trans('app.tsk_terminate_desc_01'))}}</div>
			<div class="m-desc">{{ucfirst(trans('app.tsk_terminate_desc_02'))}}</div>
			<div class="m-desc-ex">{{ucfirst(trans('app.action_confirm'))}}</div>

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

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

				<div class="sty-ids" id="task_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>

{{--MODAL REACTIVATE TASK FOR TASKS PAGE--}}
<div class="modal" id="activateTask" tabindex="-1" role="dialog" aria-labelledby="Réactiver une tâche">
	<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="task_name"></div>
			<div class="m-desc">{{ucfirst(trans('app.tsk_activate_desc_01'))}}</div>
			@if (session()->get('cra_validate') == config('constants.cra_validate_true'))
				<div class="m-desc">{{ucfirst(trans('app.tsk_activate_desc_02'))}}</div> @endif
			<div class="m-desc-ex">{{ucfirst(trans('app.action_confirm'))}}</div>

			<form action="{{route('tasks.activate')}}" method="post"
			      class="needs-validation hide-submit m-form" novalidate>
				{{method_field('post')}}
				{{csrf_field()}}
				<div class="sty-ids" id="task_id"></div>

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

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