@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Petrol Pumps')
@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h5>Change Password</h5>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Change Password</li>
            </ol>
          </div>
        </div>
    </div>
</section>
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Change Password</h3>
                </div>
                <div class="card-body">
                    @if (session('error'))
                        <span class="help-block">{{ session('error') }}</span>
                    @endif
                    {!! Form::open(['action' => 'HomeController@changePassword', 'method' => 'POST', 'class' => 'form-horizontal','autocomplete'=>'off', 'data-parsley-validate']) !!}
                        {{ csrf_field() }}
                        <div class="row form-group{{ $errors->has('currentPwd') ? ' has-error' : '' }}">
                            <label for="currentPwd" class="required col-md-4 control-label">Current Password</label>

                            <div class="col-md-6">
                                <input id="currentPwd" type="password" class="form-control"  name="currentPwd" placeholder="Current Password" required>

                                @if ($errors->has('currentPwd'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('currentPwd') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="row form-group{{ $errors->has('newPwd') ? ' has-error' : '' }}">
                            <label for="newPwd" class="required col-md-4 control-label">New Password</label>

                            <div class="col-md-6">
                                <input id="newPwd" type="password" class="form-control confirm" name="newPwd" 
                                placeholder="New Password" data-parsley-pattern="/^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$])(?=.{8,20})/" 
                                data-parsley-pattern-message="The password must be 8 chars with 1 lowercase, 1 uppercase, 1 digit and 1 special char from !@#$" required>

                                @if ($errors->has('newPwd'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('newPwd') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="row form-group">
                            <label for="newPwdConfirm" class="required col-md-4 control-label">Confirm New Password</label>

                            <div class="col-md-6">
                                <input type="password" class="form-control" id="newPwdConfirm" data-match="#newPwd" name="newPwd_confirmation" data-match-error="Whoops, these don't match" placeholder="Confirm Password" required>
                                @if ($errors->has('newPwdConfirm'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('newPwdConfirm') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="row form-group">
                            <div class="col-md-4"></div>

                            <div class="col-md-6">
                                <div class="checkbox">
                                    <label>
                                        <input id="showPwds" type="checkbox" name="showPwd" {{ old('remember') ? 'checked' : '' }}> Show Passwords
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="row form-group">
                            <div class="col-md-4 text-right">
                                <button type="submit" class="btn btn-primary">
                                    Change Password
                                </button>
                                <span id="divCapsLock" class="hidden" style="color:red"> 
                                    Caps Lock is On!!!
                                </span></div>

                            <div class="col-md-6">
                            {{Form::reset('Reset', ['class'=>'btn btn-primary'])}}
                            </div>
                        </div>

                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</section>
@endsection