@extends($activeTemplate.'layouts.dash')

@section('content')
<div style="background: none; height: auto; overflow: hidden; ">
	<div class="top" style="background: none;">
		<div data-href="{{ route('user.profile') }}" class="linkBTN" style="float:left; line-height:46px;width:50%; height:46px;cursor:pointer;" id="btnClose">
			<img src="/assets/images/arrow-back-up.png" style="margin-left:12px;width:32px;" />
		</div>
	</div>
	<div style="padding-top:30px;">
		<div style="float: left; width: 100%; text-align: center; color: #fff;">
			<div style="height: 100px; line-height: 100px; margin:0 auto; width:100px; border-radius: 100px; background:#fff;">
				<img src="{{ getImage(imagePath()['logoIcon']['path'] .'/favicon.png') }}{{ $catch}}" style="height: 90px; border-radius:100px;">
			</div>
			<div style="padding:5px; padding-top:10px;color:#000; font-weight:bold; font-size:20px; margin-top:10px;" id="uid">Modify Password</div>
			<div style="padding:5px; padding-top:5px;color:#000; font-size:12px;">Set or change transaction password</div>
		</div>
	</div>
</div>

<div class="layui-form layui-tab-content" style="padding:5px 10px; margin-top:50px;">
	<div class="layui-form layui-tab-content" style="padding: 10px 0;">
		<div class="layui-form">
			<div class="layui-form layui-form-pane">
				<div class="layui-form-item layui-form-text">
					<div class="layui-input-block" style="">
						<form action="" method="post" style="margin: 10px; line-height:20px; color:#808080;margin-top:0px;">
							@csrf  <br/>
							<div class="layui-form layui-form-pane">
								<div class="layui-form-item" style="height:48px;">
									<div class="inputdiv passwordIn">
										<i class="layui-icon layui-icon-password"></i>
										<input type="password" name="current_password" id="oldpassword" maxlength="20" placeholder="Old login password" class="layui-input" autocomplete="off">
										<img class="viewPass" src="/assets/images/eye-fill.png" style="margin-right:1px;color:#000; height:21px; margin-top:8px;">
									</div>
								</div>
								<div class="layui-form-item" style="height:48px;">
									<div class="inputdiv passwordIn">
										<i class="layui-icon layui-icon-password"></i>
										<input type="password" id="password1" name="password" maxlength="20" placeholder="New login password" class="layui-input" autocomplete="off">
										<img class="viewPass" src="/assets/images/eye-fill.png" style="margin-right:1px;color:#000; height:21px; margin-top:8px;">
									</div>
								</div>
								<div class="layui-form-item" style="height:48px;">
									<div class="inputdiv passwordIn">
										<i class="layui-icon layui-icon-password"></i>
										<input type="password" id="password2" name="password_confirmation" maxlength="20" placeholder="Confirm login password" class="layui-input" autocomplete="off">
										<img class="viewPass" src="/assets/images/eye-fill.png" style="margin-right:1px;color:#000; height:21px; margin-top:8px;">
									</div>
								</div>
								<div class="layui-form-item" style="height:48px;">
									<input class="layui-btn" id="confirm" value="Confirm changes" style="width: 100%; border: 0px; color: #fff; background: #000; height:45px; line-height:45px; border-radius: 25px; " type="button" />
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection