@extends('layouts.userlayout')

@section('content')


<form  method="post" action="{{ url('/changepass') }}" >
	@csrf
	<div class="container-fluid my-5 pt-5 pb-2 ">
		<div class="row pb-3 bg-color topper">
			
				<div class="col-12 pb-5" >
					<div class="container s-inner m-top" >
						<div class="row" >
				@if (session('success'))
				    <div class="alert alert-success alert-dismissible fade show" role="alert">
				        {{ session('success') }}
				        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
				    </div>
				@endif

				@if (session('error'))
				    <div class="alert alert-danger alert-dismissible fade show" role="alert">
				        {{ session('error') }}
				        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
				    </div>
				@endif
							<div class="mt-4 mb-1 heading-report">
								<h1>Change Password</h1>
								<h6 >Your new password must be different from current password</h6>
							</div>
							<div class="col-12 my-2">
								<label for="current_Password" class="form-label">Current Password</label>
								<input class="form-control" id="current_Password" name="oldpass" type="password" placeholder="" aria-label="input example">
							</div>
							<div class="col-12 my-2">
								<label for="password" class="form-label">Password</label>
								<input class="form-control" id="password" name="password" type="password" placeholder="" aria-label="input example">
								<h6 class="alerts">Must be at least 8 character</h6>
							</div>
							<div class="col-12 my-2">
								<label for="confirmpassword" class="form-label">Confirm Password</label>
								<input class="form-control" id="confirmpassword" name="password_confirmation" type="password" placeholder="" aria-label="input example">
								<h6 class="alerts">Both password must match</h6>
							</div>
							</div>
							<div class="col-12 my-3 text-center pb-4">
								<button type="submit" class="btn buton-o">Update Password</button>
							</div>
						</div>
					</div>
				</div>
		</div>
	</div>
</form>

@endsection