@extends('layouts.master')
    
@section('title', 'Change Password')
    
@section('style')
	<style>
		.font_topic{
			font-weight: bold;
			color: blue
		}
	</style>
@endsection
    
@section('script')

@endsection
    
@section('content')
    
	@include('layouts.header')
	@include('layouts.header-sub')

	<section class="wrapper bg-light">
		<div class="container py-14 py-md-16">
			<div class="row gx-lg-8 gx-xl-12">

				<div class="col-md-12">
					<h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
					<p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
				</div>
        
				<div class="col-lg-12">
					<div class="blog single">
						<div class="card">
							<div class="card-body">
                        	
								<form class="contact-form" method="post" action="{{ url('/userchangepassword') }}">
									{{ csrf_field() }}

									<input type="hidden" name="user_id" value="{{ $user_id }}">

									<div class="messages"></div>
									<div class="row gx-4">

										@if(!Auth::user()->hasRole('Admin'))
											<div class="col-md-12">
												<div class="form-floating mb-4">
													<input type="password" name="password_current" class="form-control" placeholder="Current Password" required>
													<label>Current Password *</label>
												</div>
											</div>
										@endif

										<div class="col-md-12">
											<div class="form-floating password-field mb-4">
												<input type="password" name="password_new" class="form-control" placeholder="New Password" required>
												<span class="password-toggle"><i class="uil uil-eye" style="color: gainsboro !important"></i></span>
												<label>New Password *</label>
											</div>
										</div>

										<div class="col-md-12">
											<div class="form-floating password-field mb-4">
												<input type="password" name="password_confirm" class="form-control" placeholder="New Password" required>
												<span class="password-toggle"><i class="uil uil-eye" style="color: gainsboro !important"></i></span>
												<label>Confirm New Password *</label>
											</div>
										</div>

										<div class="col-12 text-center">
											<input type="submit" class="btn btn-primary rounded-pill btn-send mb-3" value="Submit" name="submit">
										</div>
									</div>
								</form>

							</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</section>


	@include('layouts.footer')
    
@endsection