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

			<form id="phase_create" action="{{route('phases.create', $activity->activity_id)}}" method="post"
				  class="needs-validation hide-submit m-form" novalidate>
				{{csrf_field()}}

				@include('phases.phase_form')

				<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 PHASE--}}
@if(isset($phase))
	<div class="modal" id="editPhase" tabindex="-1" role="dialog" aria-labelledby="Éditer une phase">
		<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="phase_name">{{trans('app.space_separator')}}</div>

				<form  id="phase_update" action="{{route('phases.update', $activity->activity_id)}}" method="post"
					  class="needs-validation hide-submit m-form" novalidate>
					{{method_field('put')}}
					{{csrf_field()}}

					@include('phases.phase_form') 
					<div class="sty-ids" id="phase_id"></div>

					<input type="hidden" name="phase_id" id="phase_id">
					<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 id="cbtn-phase_update-plan" 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>
@endif

{{--MODAL CHANGE "PRIVACY"--}}
@if(isset($phase))
	<div class="modal" id="privacyPhase" tabindex="-1" role="dialog"
		 aria-labelledby="Changer la visibilité d'une phase">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="m-title">
					<span id="phase_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="phase_name"></div>

				<div class="blank-separator-2 w-100"></div>
				<div class="m-desc">
					<span class="bold underline shared-no">{{ucfirst(trans('app.phs_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.phs_privacy_desc_11'))}}</span>
					<span class="">{{ucfirst(trans('app.phs_privacy_desc_12'))}}</span>
				</div>
				<div class="m-desc">
					<span class="bold underline shared-yes">{{ucfirst(trans('app.phs_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.phs_privacy_desc_21'))}}</span>
				</div>

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

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

					<div class="sty-ids" id="phase_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 TERMINATE PHASE--}}
@if(isset($phase))
	<div class="modal" id="terminatePhase" tabindex="-1" role="dialog" aria-labelledby="Terminer une phase">
		<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="phase_name"></div>
				<div class="m-desc">{{ucfirst(trans('app.phs_terminate_desc'))}}</div>
				<div class="m-desc-ex">{{ucfirst(trans('app.action_confirm'))}}</div>

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

					<div class="sty-ids" id="phase_id"></div>

					<input type="hidden" name="phase_id" id="phase_id" value="">
					<input type="hidden" name="activity_id" id="activity_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>
@endif

{{--MODAL ACTIVATE PHASE--}}
@if(isset($phase))
	<div class="modal" id="activatePhase" tabindex="-1" role="dialog" aria-labelledby="Réactiver une phase">
		<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="phase_name"></div>
				<div class="m-desc">{{ucfirst(trans('app.phs_activate_desc'))}}</div>
				<div class="m-desc-ex">{{ucfirst(trans('app.action_confirm'))}}</div>

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

					<div class="sty-ids" id="phase_id"></div>

					<input type="hidden" name="phase_id" id="phase_id" value="">
					<input type="hidden" name="activity_id" id="activity_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>
@endif

{{--MODAL DELETE PHASE--}}
@if(isset($phase))
	<div class="modal" id="deletePhase" tabindex="-1" role="dialog" aria-labelledby="Supprimer une phase">
		<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="phase_name"></div>
				<div class="m-desc">{{ucfirst(trans('app.phs_delete_desc'))}}</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('phases.destroy')}}" method="post"
					  class="needs-validation hide-submit m-form">
					{{method_field('delete')}}
					{{csrf_field()}}
					
					<div class="sty-ids" id="phase_id"></div>

					<input type="hidden" name="phase_id" id="phase_id" value="">
					<input type="hidden" name="activity_id" id="activity_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>
@endif

{{--MODAL MOVE PHASE--}}
@if(isset($phase))
	<div class="modal" id="movePhase" tabindex="-1" role="dialog" aria-labelledby="Déplacer une phase">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="m-title">
					<span class="fx-grow-1 phll">
						{{ucfirst(trans('app.move'))}}
					</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="phase_name"></div>
				<div class="m-desc">{{ucfirst(trans('app.phs_move_desc'))}}</div>

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

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

					<div class="frvc fwy phm pvs">
						<div class="fx-c jy-c fwn phm pvs it-s">
							<div class="fx-c jy-fe fwn txc w-100">
								{{ Form::label("activity_id", ucfirst(trans('app.activity')), ["class"=>"frvc fwy form-label w-95"]) }}
								{{ Form::select("activity_id", $activities_list, null, ["id"=>"move_phase_destination", "class"=>"form-control m-field-input", 'placeholder'=>' ', 'required', 'tabindex'=>'1']) }}
								<div class="invalid-feedback show-warning-small">{{ucfirst(trans('app.mandatory_activity'))}}</div>
							</div>				
							<div class="frcc fwn txc mn pvts w-100">
								<i class="fas fa-magic svg-in-filter"></i>
								<input class="form-control uf" id="movePhaseFilter" type="text"
								       placeholder="{{ucfirst(trans('app.activity'))}}" tabindex="10">
							</div>

						</div>
					</div>

					<div class="m-desc-ex mvts">{{ucfirst(trans('app.phs_move_confirm'))}}</div>
					
					<div class="sty-ids" id="phase_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>
@endif

{{--MODAL COPY PHASE--}}
@if(isset($phase))
	<div class="modal" id="copyPhase" tabindex="-1" role="dialog" aria-labelledby="Déplacer une phase">
		<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="phase_name"></div>
				<div class="m-desc">{{ucfirst(trans('app.phs_copy_desc'))}}</div>

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

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

					<div class="frvc fwy phm pvs">
						<div class="fx-c jy-c fwn phm pvs it-s">
							<div class="fx-c jy-fe fwn txc w-100">
								{{ Form::label("activity_id", ucfirst(trans('app.activity')), ["class"=>"frvc fwy form-label w-95"]) }}
								{{ Form::select("activity_id", $activities_list, null, ["id"=>"copy_phase_destination", "class"=>"form-control m-field-input", 'placeholder'=>' ', 'required', 'tabindex'=>'1']) }}
								<div class="invalid-feedback show-warning-small">{{ucfirst(trans('app.mandatory_activity'))}}</div>
							</div>				
							<div class="frcc fwn txc mn pvts w-100">
								<i class="fas fa-magic svg-in-filter"></i>
								<input class="form-control uf" id="copyPhaseFilter" type="text"
								       placeholder="{{ucfirst(trans('app.activity'))}}" tabindex="10">
							</div>

						</div>
					</div>

					<div class="m-desc-ex mvts">{{ucfirst(trans('app.phs_copy_confirm'))}}</div>
					
					<div class="sty-ids" id="phase_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>
@endif