<link rel="stylesheet" href="{{ IncludeAsset('assets/lib/bootstrap-switch/css/bootstrap-switch.min.css') }}">
<link rel="stylesheet" href="{{ IncludeAsset('assets/lib/validationengine/css/validationEngine.jquery.css') }}">

<!--BEGIN INPUT TEXT FIELDS-->
<div class="row">
	<div class="col-lg-12">
		<form class="form-horizontal" id="group-edit" enctype="multipart/form-data" method="post">
			<div class="box dark">
				<header>
					<div class="icons">
						<i class="fa fa-edit"></i>
					</div>
					<h5>
						{{ @lang_edit }} - {{ @res_user->username }} <small>| {{ @lang_last_updated }} {{ @time_last_updated }}</small>
					</h5>
				</header>

				<!-- form section -->
				<div class="row">
					<div class="col-lg-1">
						&nbsp;
					</div>
					<div class="col-lg-10">

						<div class="box dark">
							<header>
								<h5>
									{{ @lang_profile_settings }} <small>| {{ @lang_user_settings_and_description }}</small>
								</h5>
								<!-- .toolbar -->
								<div class="toolbar">
									<ul class="nav">
										<li>
											<a class="minimize-box" data-toggle="collapse" href="#div-1">
												<i class="fa fa-chevron-up"></i>
											</a>
										</li>
									</ul>
								</div><!-- /.toolbar -->
							</header>

							<div id="div-1" class="accordion-body collapse in body">
								<div class="form-group">
									<label for="username" class="tips control-label col-lg-3" title="{{ @lang_enter_your }} {{ @lang_username }}.">{{ @lang_username }}</label>
									<div class="col-lg-8">
										<input class="form-control" type="text" id="username" name="username" value="{{ @res_user->username }}" maxlength="256" />
									</div>
								</div><!-- /.form-group -->

								<div class="form-group">
									<label for="mail" class="tips control-label col-lg-3" title="{{ @lang_enter_your }} {{ @lang_email_address }}.">{{ @lang_email_address }}</label>
									<div class="col-lg-8">
										<input class="form-control" type="email" id="mail" name="mail" value="{{ @res_user->mail }}" maxlength="256" />
									</div>
								</div><!-- /.form-group -->

								<div class="form-group">
									<label for="receive_mail" class="tips control-label col-lg-3"
									       title="{{ @lang_select_yes_to_receive_emails_related_to_your_account }}.">{{ @lang_receive_emails }}</label>
									<div class="col-lg-5">
										<input type="hidden" name="receive_mail" value="0">
										<input id="receive_mail" name="receive_mail" type="checkbox" value="1" <check if="{{ !empty(@res_user->receive_mail) }}">checked</check>
										class="switch-small"
										data-on="success" data-off="danger"
										data-on-label="{{ @lang_yes }}" data-off-label="{{ @lang_no }}">
									</div>
								</div><!-- /.form-group -->

								<check if ="{{ @USER->role > 8 }}">
									<div class="form-group">
										<label for="api" class="tips control-label col-lg-3" title="{{ @lang_use_for_outside_mysimpleads_to_authenticate }}.">{{ @lang_api_key }}</label>
										<div class="col-lg-5">
											<input class="form-control" type="text" id="api" name="api" value="{{ @res_user->api }}" maxlength="256" readonly />
										</div>
									</div><!-- /.form-group -->
								</check>

							</div>
						</div>
					</div>
				</div>
				<!-- /form section -->

				<!-- form section -->
				<div class="row">
					<div class="col-lg-1">
						&nbsp;
					</div>
					<div class="col-lg-10">

						<div class="box dark">
							<header>
								<h5>
									{{ @lang_change_password }} <small>| {{ @lang_enter_and_confirm_a_new_password }}</small>
								</h5>
								<!-- .toolbar -->
								<div class="toolbar">
									<ul class="nav">
										<li>
											<a class="minimize-box" data-toggle="collapse" href="#div-2">
												<i class="fa fa-chevron-up"></i>
											</a>
										</li>
									</ul>
								</div><!-- /.toolbar -->
							</header>

							<div id="div-2" class="accordion-body collapse in body">

								<div class="form-group">
									<label for="password_one" class="tips control-label col-lg-3" title="{{ @lang_enter_in_a_password }}.">{{ @lang_password }}</label>
									<div class="col-lg-8">
										<input class="form-control" type="password" id="password_one" name="password_one" value="" maxlength="256" />
									</div>
								</div><!-- /.form-group -->
								<div class="form-group">
									<label for="password_confirm" class="tips control-label col-lg-3" title="{{ @lang_confirm_password }}.">{{ @lang_confirm_password }}</label>
									<div class="col-lg-8">
										<input class="form-control" type="password" id="password_confirm" name="password_confirm" value="" maxlength="256" />
									</div>
								</div><!-- /.form-group -->
							</div>
						</div>
					</div>
				</div>
				<!-- /form section -->


				<div class="row">
					<div class="col-lg-1">
						&nbsp;
					</div>
					<div class="col-lg-10">
						<br />
						<button type="submit" class="btn btn-success" id="save" name="save">{{ @lang_save }}</button>&nbsp;
						<a href="index.php" class="btn btn-sm btn-metis-5">{{ @lang_cancel }}</a>
						<div><br /></div>
					</div>
				</div>

			</div>
		</form>
	</div>
</div>