@extends('Client.profile.logged-in-layout')

@section('pagetitle' , __('trans.change-password'))

@section('logged-in-content')


<form action="{{ route('client.profile') }}" method="POST">
    @csrf
    <div class="card p-4">
    	<div class="card-body">
    		<h5 class="card-title h2 fw-semibold text-dark"> @lang('trans.change-password') </h5>
    		<div class="row mb-4 placeholder-color">
            	<div class="col-lg-8 col-md-10 col-12 mx-auto">
					<label for="" class="text-dark d-flex justify-content-start mb-2 mt-3  fw-semibold">@lang('trans.current-password')</label>
					<div class="col-sm-12">
						<input type="password" class="form-control" name="current_password" required placeholder="******" id="current-password">
					</div>
					<label for="" class="text-dark d-flex justify-content-start mb-2 mt-3  fw-semibold">@lang('trans.new-password')</label>
					<div class="col-sm-12">
						<input type="password" class="form-control" name="new_password" required placeholder="******" id="new-password">
					</div>
					<label for="" class="text-dark d-flex justify-content-start mb-2 mt-3 fw-semibold">@lang('trans.confirm-new-password')</label>
					<div class="col-sm-12">
						<input type="password" class="form-control" name="confirm_new_password" required placeholder="******" id="confirm-new-password">
					</div>
            		<div class="mt-5 mb-3 d-flex justify-content-start">
            			<button type="submit" class="btn main_bt rounded-2 col-sm-4 btn-max fw-semibold"> @lang('trans.update') </button>
            		</div>
            	</div>
    		</div>
    	</div>
    </div>

</form>

	
@endsection

@push('css')
<style>
    .iti{
        width: 100%;
    }
</style>
@endpush