{{--CREATE USER--}}
<div class="modal" id="createUser" tabindex="-1" role="dialog" aria-labelledby="{{ucfirst(trans('app.add'))}}">
	<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.user'))}}</div>

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

				<input type="hidden" name="user_is_admin" id="user_is_admin">
				@include('users.user_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>

{{--EDIT USER--}}
@if(isset($user))
	<div class="modal" id="editUser" tabindex="-1" role="dialog" aria-labelledby="{{ucfirst(trans('app.update'))}}">
		<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" id="user_name"></div>

				<form id="user_update" action="{{route('users.update')}}" method="post"
				      class="needs-validation hide-submit m-form" novalidate autocomplete="off">
					{{method_field('put')}}
					{{csrf_field()}}
					<input type="hidden" name="user_id" id="user_id" value="">

					@include('users.user_form_edit')

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

{{--DISABLE USER--}}
@if(isset($user))
	<div class="modal" id="disableUser" tabindex="-1" role="dialog" aria-labelledby="{{ucfirst(trans('app.disable'))}} {{ucfirst(trans('app.user'))}}">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="m-title">
					<span class="fx-grow-1 phll">
						{{ucfirst(trans('app.disable'))}}
					</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="user_name"></div>
				<div class="m-desc-ex">{{ucfirst(trans('app.usr_disable_confirm'))}}</div>
				
				<form action="{{route('users.disable')}}" method="post"
				      class="needs-validation hide-submit m-form" novalidate>
					{{method_field('post')}}
					{{csrf_field()}}

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

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

{{--ENABLE USER--}}
@if(isset($user))
	<div class="modal" id="enableUser" tabindex="-1" role="dialog" aria-labelledby="{{ucfirst(trans('app.enable'))}} {{ucfirst(trans('app.user'))}}">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="m-title">
					<span class="fx-grow-1 phll">
						{{ucfirst(trans('app.enable'))}}
					</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="user_name"></div>
				<div class="m-desc-ex">{{ucfirst(trans('app.usr_enable_confirm'))}}</div>

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

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

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

{{--DELETE USER--}}
@if(isset($user))
	<div class="modal" id="deleteUser" tabindex="-1" role="dialog" aria-labelledby="{{ucfirst(trans('app.delete'))}}">
		<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="user_name"></div>
				<div class="m-desc-ex">{{ucfirst(trans('app.delete_confirm'))}}</div>

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

					<input type="hidden" name="user_id" id="user_id">

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