{{ include('common/header.twig') }}
<div class="page-title">
	<div class="row align-items-center">
		<div class="col-sm-12">
			<h2 class="page-title-text d-inline-block">{{ page_title }}</h2>
			<div class="breadcrumbs d-inline-block">
				<ul>
					<li><a href="{{ common.info.url }}">Dashboard</a></li>
					<li>{{ page_title }}</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<form class="col-sm-6" action="{{ common.info.url_route }}profile" method="post">
		<div class="panel panel-default">
			<div class="panel-head">
				<div class="panel-title">Basic Info</div>
			</div>
			<div class="panel-body">
				<input type="hidden" name="_token" value="{{ common.token }}">
				<input type="hidden" value="{{ result.user_id }}" name="id" >
				<div class="form-group">
					<label>User Name <span class="form-required">*</span></label>
					<input type="text" class="form-control" name="username" value="{{ result.user_name }}" placeholder="User Name" required>
				</div>
				<div class="row content-input">
					<div class="col-sm-6">
						<div class="form-group">
							<label>First Name <span class="form-required">*</span></label>
							<input type="text" class="form-control" name="firstname" value="{{ result.firstname }}" placeholder="First Name">
						</div>
					</div>
					<div class="col-sm-6">
						<div class="form-group">
							<label>Last Name <span class="form-required">*</span></label>
							<input type="text" class="form-control" name="lastname" value="{{ result.lastname }}" placeholder="Last Name">
						</div>
					</div>
				</div>
				<div class="row content-input">
					<div class="col-sm-6">
						<div class="form-group">
							<label>Email <span class="form-required">*</span></label>
							<input type="text" name="email" class="form-control" value="{{ result.email }}" placeholder="Email" readonly >
						</div>
					</div>
					<div class="col-sm-6">
						<div class="form-group">
							<label><text>*</text>Mobile <span class="form-required">*</span></label>
							<input type="number" class="form-control" name="mobile" value="{{ result.mobile }}" pattern=".{6,}" placeholder="Mobile">
						</div>
					</div>
				</div>
			</div>
			<div class="panel-footer text-center">
				<button type="submit" name="submit" class="btn btn-primary"><i class="ti-save-alt pr-2"></i> Save</button>
			</div>
		</div>
	</form>
	<form class="col-sm-6" action="{{ common.info.url_route }}profile/password" method="post">
		<input type="hidden" name="_token" value="{{ common.token }}">
		<input type="hidden" value="{{ result.user_id }}" name="id">
		<div class="panel panel-default">
			<div class="panel-head">
				<div class="panel-title">Change Password</div>
			</div>
			<div class="panel-body">
				<div class="form-group">
					<label>Current Password <span class="form-required">*</span></label>
					<input type="password" class="form-control" name="old" pattern=".{6,}" title="Minimum 6 word required!" placeholder="**********" required>
				</div>
				<div class="form-group">
					<label>Password <span class="form-required">*</span></label>
					<input type="password" class="form-control" name="new" pattern=".{8,}" title="Minimum 8 word required!" placeholder="**********" required>
					<span class="form-text">Please enter new password (min 8 words)!</span>
				</div>
				<div class="form-group">
					<label>Confirm Password <span class="form-required">*</span></label>
					<input type="password" class="form-control" name="confirm" title="Minimum 8 word required!" pattern=".{8,}" placeholder="**********" required>
				</div>
			</div>
			<div class="panel-footer text-center">
				<button type="submit" name="submit" class="btn btn-primary"><i class="ti-save-alt pr-2"></i> Save</button>
			</div>
		</div>
	</form>
</div>
{{ include('common/footer.twig') }}