@extends('layouts.md-admin')
@section('title', trans('global.changePassword'))
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <h6>{{ trans('global.changePassword') }} </h6>
                    <p>&nbsp;</p>
                    <form method="POST" action="{{ route('profile.password.update') }}" class="text-start artical"
                        autocomplete="off">
                        @csrf

                        <div class="row">
                            <div class="col-md-4 col-12">
                                <label class="form-label">{{ trans('cruds.user.fields.new_password') }} <span
                                        class="required">*</span></label>
                                <div class="input-group input-group-outline mb-3">
                                   
                                    <input class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }} password-eye"
                                        type="password" name="password" id="password" required maxlength="15"
                                        placeholder="{{ trans('cruds.user.fields.new_password') }}" autocomplete="off"id="eye" style="padding-top: 11px;">
                                    <span toggle="#password-field" class="fa fa-fw fa-eye-slash toggle-password pwd" id="eye"
                                                title="{{ trans('cruds.generalItem.show_password') }}" style="padding-top: 13px;"></span>
                                </div>
                                @if ($errors->has('password'))
                                    <div class="invalid-feedback">                                        
                                        {{ $errors->first('password') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 col-12">
                                <label class="form-label">{{ trans('cruds.user.fields.confirm_password') }} <span
                                        class="required">*</span>
                                </label>
                                <div class="input-group input-group-outline mb-3">
                                    
                                    <input class="form-control {{ $errors->has('password_confirmation') ? 'is-invalid' : '' }} password-eye" type="password" name="password_confirmation"
                                        id="password_confirmation" required maxlength="15"
                                        placeholder="{{ trans('cruds.user.fields.confirm_password') }}" autocomplete="off" id="eyeConfirm" style="padding-top: 11px;">
                                    <span toggle="#password-field" class="fa fa-fw fa-eye-slash toggle-password pwd" id="eyeConfirm"
                                                title="{{ trans('cruds.generalItem.show_password') }}" style="padding-top: 11px;"></span>
                                </div>
                            </div>
                        </div>

                        <div>
                            <button class="btn btn-sm btn-danger" type="submit">
                                {{ trans('global.save') }}
                            </button>
                        </div>
                    </form>
                </div>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
            </div>
        </div>
    </div>
    {{--  <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    {{ trans('global.delete_account') }}
                </div>

                <div class="card-body">
                    <form method="POST" action="{{ route('profile.password.destroyProfile') }}"
                        onsubmit="return prompt('{{ __('global.delete_account_warning') }}') == '{{ auth()->user()->email }}'">
                        @csrf
                        <div class="form-group">
                            <button class="btn btn-danger" type="submit">
                                {{ trans('global.delete') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div> --}}
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        $('#eye').click(function() {
            if ($(this).hasClass('fa-eye-slash')) {
                $(this).removeClass('fa-eye-slash');
                $(this).addClass('fa-eye');
                $('#password').attr('type', 'text');
            } else {
                $(this).removeClass('fa-eye');
                $(this).addClass('fa-eye-slash');
                $('#password').attr('type', 'password');
            }
        });
    });
     $(function() {
        $('#eyeConfirm').click(function() {
            if ($(this).hasClass('fa-eye-slash')) {
                $(this).removeClass('fa-eye-slash');
                $(this).addClass('fa-eye');
                $('#password_confirmation').attr('type', 'text');
            } else {
                $(this).removeClass('fa-eye');
                $(this).addClass('fa-eye-slash');
                $('#password_confirmation').attr('type', 'password');
            }
        });
    });
</script>
@endsection