@extends('frontend.partials.master')
@section('title')
<title>Change Password</title>
@endsection
@push('css')

<style type="text/css">
    .userdashboard{
        min-height: 550px;
    }
    @media (max-width: 768px) {
       .userdashboard{
            min-height: 300px;
        } 
    }
</style>

@endpush
@section('content')

<div class="userdashboard mt-5">
    <div class="container">
    <div class="row" style="margin:0;">
        <div class="col-lg-3 usersidebardiv">
            @include('customer.includes.sidebar')
            
        </div>
        <div class="col-lg-9 usermainbody">
            <div class="usercontent">
                <div class="myrecentorder">
                    <p style="font-weight: bold;border-bottom: 1px solid #eaeded;padding: 5px 0;">Change Password</p>
                    <div>
                        <form method="POST" action="{{route('customer.changePasswordUpdate')}}">
                            @csrf
                          <div class="form-group row mb-3">
                            <label for="inputPassword" class="col-sm-3 col-form-label">Current password</label>
                            <div class="col-sm-9">
                                @if ($errors->has('current_password'))
                                    <p style="color: red;margin: 0;">{{ $errors->first('current_password') }}</p>
                                  @endif
                              <input type="password" class="form-control" name="current_password" placeholder="Current Password">
                            </div>
                          </div>
                          <div class="form-group row mb-3">
                            <label for="inputPassword" class="col-sm-3 col-form-label">Password</label>
                            <div class="col-sm-9">
                                 @if ($errors->has('password'))
                                    <p style="color: red;margin: 0;">{{ $errors->first('password') }}</p>
                                  @endif
                              <input type="password" class="form-control" name="password" placeholder="New Password">
                            </div>
                          </div>
                          <div class="form-group row mb-3">
                            <label for="inputPassword" class="col-sm-3 col-form-label">Confirmed</label>
                            <div class="col-sm-9">
                              <input type="password" class="form-control" name="password_confirmation" placeholder="Confirm Password">
                            </div>
                          </div>
                          <div class="form-group row">
                            <label for="inputPassword" class="col-sm-3 col-form-label"></label>
                            <div class="col-sm-9">
                             <button type="submit" class="btn btn-primary">Change Password</button>
                            </div>
                          </div>
                        </form> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>
@endsection
@push('js')
@endpush