@extends('backend.layouts.app')

@section('title', 'Change Password')
@section('page-title', 'Change Password')
@section('page-breadcrumb', 'Change Password')


@section('content')


<div class="col-md-12">
	<div class="card ">
		<div class="card-header">
			<i class="fa fa-list font-green-sharp"></i>
			<strong>Change Password</strong>
		</div>
		<form method="POST" id="ChangePasswordForm" action="{{ route('change_password_data') }}" class="form-horizontal">
			@csrf	
			<div class="container">
				<div class="card-body">
					<!-- <div id="UserID" class="text-center mb-3 text-danger"></div> -->
					<div class="form-group row">
						<label for="OldPassword" class=" col-sm-4 col-form-label">Old Password</label>
						<div class="col-md-7">
							<input type="password" id="OldPassword" name="OldPassword" placeholder="Enter Old Password" class="form-control" autofocus required>
						</div>
					</div>
					<div class="form-group row">
						<label for="Password" class=" col-sm-4 col-form-label">New Password</label>
						<div class="col-md-7">
							<input type="password" id="Password" name="Password" placeholder="Enter Password" class="form-control" required>
						</div>
					</div>
					<div class="form-group row">
						<label for="Confirmpassword" class="col col-md-4 col-form-label">Confirm Password</label>
						<div class="col-md-7">
							<input type="password" id="Confirmpassword" name="Confirmpassword" placeholder="Enter Confirm Password " class="form-control" required>
						</div>
					</div>
				</div>
			</div>
			<div class="card-footer">
				<button type="submit" class="btn btn-primary btn-sm waves-effect waves-light" id="ChangePasswordBtn">
					Submit <i class="fa fa-arrow-circle-right fa-lg"></i>
				</button>
				<button type="button" onclick="history.back();" class="btn btn-danger btn-sm waves-effect waves-light">
					Back <i class="fa fa-arrow-circle-left fa-lg"></i>
				</button>
			</div>
		</form>
	</div>
</div>

@endsection