@extends('layouts.welcomelayouts.app')
@section('title')
<title>My Balance | subtitle</title>
@endsection
@section('SEO')
<meta name="description" content="">
<meta name="keywords" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
@endsection
@push('css')
<style>
    .usersidebardiv{
        padding:0;
    }
    @media only screen and (max-width: 600px) {
      .usersidebardiv {
        padding: 15px;
      }
    }
</style>
@endpush
@section('contents')
<div class="userdashboard">
    <div class="container">
    <div class="row" style="margin:0;">
        <div class="col-md-3 usersidebardiv" >
            <div class="usersidebar">
                @include('users.include.sidebar')
            </div>
        </div>
        <div class="col-md-9">
            <div class="usercontent">
                <div class="myrecentorder">
                    @include('alerts.alerts')
                    <p style="font-weight: bold;border-bottom: 1px solid #eaeded;padding: 5px 0;">Change Password</p>
                    <div>
                        <form method="POST" action="{{route('user.changePasswordUpdate')}}">
                            @csrf
                          <div class="form-group row">
                            <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">
                            <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">
                            <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">
                            <button type="submit" class="btn btn-primary">Change Password</button>
                         </div>
                        </form> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>
@endsection
@push('js')
@endpush