@extends('layouts.app', ['pageSlug' => 'password'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>Change Password</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>

</div>
<div class="spl-page-panel">   
    <div class="row">
        <div class="col-md-6">
            <h5>Update Password</h5>
            @if(isset($msg))
            <h5 class="error">{{$msg}}</h5>
            @endif
            <form id="payments_form" class="form-horizontal" role="form" action="{{route('portal.changepassword')}}" method="POST" enctype="multipart/form-data">
                @csrf
                <fieldset>
                    <div class="form-group {{ $errors->has('old_pwd') ? ' has-danger' : '' }}">
                        <label for="old_pwd">Current Password<i class="fa fa-fw fa-eye" id="show_p"></i></label>
                        <input type="password" name="old_pwd" id="old_pwd" class="form-control input-sm" style="width:100%;" autocomplete="off" required>
                        <small class="text-danger">{{ $errors->first("old_pwd") }}</small>
                    </div>
                    <div class="form-group {{ $errors->has('portal_pwd') ? ' has-danger' : '' }}">
                        <label for="portal_pwd">New Password</label>
                        <input type="password" class="form-control input-sm" name="portal_pwd" id="portal_pwd" style="width:100%;" required> 
                        <small class="text-danger">{{ $errors->first("portal_pwd") }}</small>
                    </div>
                    <div class="form-group {{ $errors->has('portal_pwd_confirm') ? ' has-danger' : '' }}">
                        <label for="portal_pwd_confirmation">Confirm New Password</label>
                        <input type="password" class="form-control input-sm" name="portal_pwd_confirmation" id="portal_pwd_confirmation" style="width:100%;" required>
                        <small class="text-danger">{{ $errors->first("portal_pwd_confirm") }}</small>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-12 col-md-12">
                            <input type="submit" value="Submit" class="btn btn-primary btn-sm pull-right">
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
</div>

@endsection
@push('js')
<script>
    $(document).ready(function(){
        $(document).on('mousedown', 'i#show_p', function(){
            $('input#old_pwd').attr('type', 'text');
            $('input#portal_pwd').attr('type', 'text');
            $('input#portal_pwd_confirmation').attr('type', 'text');
        });
    
        $(document).on('mouseup', 'i#show_p', function(){
            $('input#old_pwd').attr('type', 'password');
            $('input#portal_pwd').attr('type', 'password');
            $('input#portal_pwd_confirmation').attr('type', 'password');
        });
    });
</script>
@endpush