@extends('style.master')

@section('home_title',' - 修改密碼')
@section('page_description','宇柏旅行社')

@section('page_style')
<script type="text/javascript" src="{{ url('/js/member_password.js?20200630') }}"></script>
<link href="{{ url('/css/register.css?001') }}" rel="stylesheet" type="text/css" />
<script>
function checkPW(){//當第一個密碼框失去焦點時，觸發checkpas2件
	var pas1=document.getElementById("pw").value;
	var pas2=document.getElementById("pw2").value;//獲取兩個密碼框的值
	if(pas1!=pas2){
		document.getElementById("pw2").setAttribute("class","err" );//當兩個密碼不相等時則顯示錯誤資訊
	}else{
		document.getElementById("pw2").setAttribute("class","" );
	}
}
</script>
@endsection

@section('page_content')

			<!-- PAGE HEADER -->
			<section class="page-header-xs">
				<div class="container">

					<div class="icon"></div>
					<h1>修改密碼<span>Password</span></h1>

					<!-- breadcrumbs -->
					<ol class="breadcrumb">
						<li><a href="{{ url('home') }}">首頁</a></li>
						<li><a href="#">會員專區</a></li>
						<li class="active">修改密碼</li>
					</ol><!-- /breadcrumbs -->

				</div>
			</section>
			<!-- /PAGE HEADER -->

			<!-- -->
			<section>
				<div class="container">

                    <div class="row">
						<div class="col-md12 margin-bottom-50 center">
							<a href="{{ url('member') }}" class="btn btn-3d btn-blue"><i class="fa fa-user"></i> 編輯會員資料</a>
							<a href="{{ url('member/password') }}" class="btn btn-3d btn-blue"><i class="fa fa-expeditedssl"></i> 修改密碼</a>
							<a href="{{ url('member/order') }}" class="btn btn-3d btn-blue"><i class="fa fa-list-alt"></i> 訂位清單</a>
							<a href="{{ url('model/logout.php') }}" class="btn btn-3d btn-blue"><i class="fa fa-power-off"></i> 會員登出</a>
						</div>
					</div>

                    <div class="row">


						<!-- REGISTER -->
						<div class="col-md-6 col-md-offset-3">

							<!-- ALERT -->
							<!-- <div class="alert alert-mini alert-danger margin-bottom-30">
								<strong>Oh snap!</strong> Password do not match!
							</div> -->
							<!-- /ALERT -->

							<div class="box-static box-transparent box-bordered padding-30">

								<div class="box-title margin-bottom-30">
									<h2 class="size-20">修改密碼</h2>
								</div>

								<form class="nomargin sky-form" action="{{ url('model/password_update.php') }}" method="post" enctype="multipart/form-data">
									<fieldset>

										<div class="row">
											<div class="form-group">

                                                <div class="col-md-12 col-sm-12">
													<label for="register:pw2">舊密碼 <b>*</b></label>
													<label class="input margin-bottom-10">
														<i class="ico-append fa fa-lock"></i>
														<input required="" type="password" id="old_pw" name="old_pw">
														<b class="tooltip tooltip-bottom-right">請輸入舊密碼</b>
													</label>
												</div>

												<div class="col-md-12 col-sm-12">
													<label for="register:pw2">密碼 <b>*</b></label>
													<label class="input margin-bottom-10">
														<i class="ico-append fa fa-lock"></i>
														<input required="" type="password" id="pw" name="pw" onChange="checkPW();" onpropertychange="checkPW()">
														<b class="tooltip tooltip-bottom-right">請輸入新密碼</b>
													</label>
												</div>

												<div class="col-md-12 col-sm-12">
													<label for="register:pw">確認密碼 <b>*</b></label>
													<label class="input margin-bottom-10">
														<i class="ico-append fa fa-lock"></i>
														<input required="" type="password" class="err" id="pw2" name="pw2" onChange="checkPW();" onpropertychange="checkPW()">
														<b class="tooltip tooltip-bottom-right">密碼必須相同</b>
													</label>
												</div>

											</div>

                                        </div>

										<hr />

									</fieldset>

									<div class="row">
										<div class="col-md-12 center">
                                            <input type="hidden" id="uid" name="uid" value="">
											<button type="submit" id="join" class="btn btn-primary"><i class="fa fa-check"></i> 修改密碼</button>
										</div>
									</div>

								</form>
								
							</div>

						</div>
						<!-- /REGISTER -->


					</div>

				</div>

			</section>
			<!-- / -->

			<script type="text/javascript" src="{{ url('/assets/plugins/jquery/jquery-2.2.3.min.js') }}"></script>

			
			
@endsection

@section('page_js')



@endsection