@extends('layouts.front')

@section('content')
<style>
 .bg-btn{
        /* background: linear-gradient(50deg, rgb(115,80,199) 0%, rgb(236,74,99) 100%); */
		
		padding: 10px 0;
    color: #fff;
    border-radius: 2px;
    }
	footer, .footer {
    position: absolute;
    overflow: hidden;
    background-color: #e1effa;
    font-size: 16px;
    bottom: 0px;
    font-weight: 400;
    color: #8b9aa8;
    width: 100%;
}
.form-control{
		padding:10px 8px !important;
}
</style>
@include('includes.topbar')
	<section class="h4-about s-padding " style= "padding-top:30px;">
		
	<div class="container p-0">
<div class="col-lg-10 offset-lg-1 card2  border-0 px-0 py-5 ">
			<div class="row align-items-center">

				<div class="col-lg-12">
					<div class="about-content privacy">
					
					<div class="container-fluid">
						<div class="row">
							<div class="col-xl-12 col-lg-6 col-md-12 offset-xl-1 offset-lg-3 offset-md-2">
									<h2>Change Password</h2><br />
                                <div class="container-fluid">
									@if(session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
    					@endif
                                    @if ($message = Session::get('error'))
                                <div class="alert alert-danger background-danger">
                                    <button type="button" class="close" data-dismiss="alert">×</button> 
                                    <strong>{{ $message }}</strong>
                                </div>
                            @endif
            
            <form method="POST" action="{{ route('web.updatePassword') }}" enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="form-group row">
                    <label for="fname" class="col-md-4 col-form-label text-left">{{ __('Old Password') }}</label>
        
                    <div class="col-md-6 text-left">
						<input id="old_password" type="password" class="form-control border @error('old_password') is-invalid @enderror" name="old_password" 
								value="{{ old('old_password') }}" required autocomplete="old_password" autofocus>
        
                        @error('old_password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
					<label for="password" class="col-md-4 col-form-label text-left">{{ __('New Password') }}</label>
		
					<div class="col-md-6">
						<input id="password" type="password" class="form-control border @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
		
						@error('password')
							<span class="invalid-feedback" role="alert">
								<strong>{{ $message }}</strong>
							</span>
						@enderror
					</div>
				</div>
		
				<div class="form-group row">
					<label for="password-confirm" class="col-md-4 col-form-label text-left">{{ __('Confirm Password') }}</label>
		
					<div class="col-md-6">
						<input id="password-confirm" type="password" class="form-control border link" name="password_confirmation" required autocomplete="new-password">
					</div>
				</div>

                <div class="form-group row mb-0">
                    <div class="col-md-6 offset-md-4">
                        <button type="submit" class="btn bg-btn" style="{{MyFunctions::getTopbarColor()}}">
                            {{ __('Update') }}
                        </button>
                    </div>
                </div>
            </form>
                                </div>
								<br/>
							</div>
							
						<!-- <div class="col-xl-4 offset-xl-1 col-lg-4 col-md-12 ">
							include('includes.leftSidebar')
							
							</div> -->
						</div>
					</div>

					</div>
				</div>
			</div>
		</div>
		
	</section><!-- about -->

@endsection