@extends('frontend.app')
<!-- Main Container  -->
@section('content')
    <!-- ========== MAIN CONTENT ========== -->
        <main id="content" role="main">
            <!-- breadcrumb -->
            <div class="bg-gray-13 bg-md-transparent">
                <div class="container">
                    <!-- breadcrumb -->
                    <div class="my-md-3">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb mb-3 flex-nowrap flex-xl-wrap overflow-auto overflow-xl-visble">
                                <li class="breadcrumb-item flex-shrink-0 flex-xl-shrink-1">
                                    <a href="/">Home</a>
                                </li>
                                <li class="breadcrumb-item flex-shrink-0 flex-xl-shrink-1 active" aria-current="page">
                                    <a href="/user">My Account</a>
                                </li>
                                <li class="breadcrumb-item flex-shrink-0 flex-xl-shrink-1 active" aria-current="page">
                                    My Addresses
                                </li>
                            </ol>
                        </nav>
                    </div>
                    <!-- End breadcrumb -->
                </div>
            </div>
            <!-- End breadcrumb -->
            <div class="container">
                <div class="product-view row" style="margin-bottom:2%;">
					<!--Left Part Start -->
				    @include('frontend.user.partials.left-sidebar')
				    <!--Left Part End -->
				    <!--Right Part Start -->
					<div class="col-xs-12 col-sm-6 col-md-9 right-part" style="margin-top:1%;">
						<div class="right-part" style="padding:2%;box-shadow: 0 1px 10px #333;min-height:400px;background: #fff;">
						
				            <h2 class="title" style="text-align: center;">
				            	<strong>Change Password</strong>
				            </h2>
				            <!-- <div class="card" style="margin-top:2%;">
	                            <a href="/user/address/create_edit" class="btn btn-info btn-sm" style="color:#fff;">
	                                <i class="fa fa-plus"></i> Add Address
	                            </a>
							</div> -->
							<div class="row">
								<div class="col-md-2"></div>
								<div class="col-md-8">
									<form action="/user/update-password" method="post">
	                    				<input type="hidden" name="_token" value="{{ csrf_token() }}">
						                <div class="row">
						                    <div class="col-sm-12">
						                        <div class="form-group {{{ $errors->has('password') ? 'has-error' : '' }}}">
				                                    <label for="password">
				                                        <strong>New Password
				                                            <span class="mendatory" style="color:red"> *</span>
				                                        </strong>
				                                    </label>
				                                    <input type="password" class="form-control" name="password" id="password_login" placeholder="New Password">
				                                    {!! $errors->first('password', '<label class="control-label" for="password" style="color:red;">:message</label>')!!}
				                                </div>  
					                            <div class="form-group {{{ $errors->has('password_confirmation') ? 'has-error' : '' }}}">
				                                    <label for="password_confirmation">
				                                        <strong>Confirm Password
				                                            <span class="mendatory" style="color:red"> *</span>
				                                        </strong>
				                                    </label>
				                                    <input type="password" class="form-control" name="password_confirmation" id="password_confirmation_login" placeholder="Confirm Password">
				                                    {!! $errors->first('password_confirmation', '<label class="control-label" for="password_confirmation" style="color:red;">:message</label>')!!}
				                                </div>
						                    </div>
						                </div>
						                <div class="buttons clearfix">
						                    <div class="pull-left">
						                        <input type="submit" class="btn btn-md btn-primary" value="Save Changes">
						                    </div>
						                </div>
						            </form>
						            @if(isset($errorMessage) && $errorMessage)
				                        <p>
				                            <div class="form-group">
				                                <h5 style="color:red;">{{$errorMessage}}</h5>
				                            </div>
				                        </p>    
				                    @endif
				                    @if(isset($successMessage) && $successMessage)
				                        <p>
				                            <div class="form-group">
				                                <h5 style="color:green;">{{$successMessage}}</h5>
				                            </div>
				                        </p>
				                    @endif 
								</div>
								<div class="col-md-2"></div>
							</div>
				        </div>
			        </div>
			        <!--Right Part Start -->
			    </div>
            </div>
        </main>
        <!-- ========== END MAIN CONTENT ========== -->
@endsection 

@section('styles')
	
@stop 
@section('scripts') 
	@parent
@endsection