@extends('main')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
        </h1>
        <ol class="breadcrumb">

        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-md-4 offset-4">
                <div class="card card-outline card-success">
                    <div class="card-header">
                        <h3 class="card-title">Update User Password</h3>
                    </div>
                    <form id="changepasswordform" class="prevent-resubmit-form" id=""  enctype="multipart/form-data">
                        @csrf
                        <div class="card-body ">
                            <div class="form-group">
                                <label> Select User </label>
                                <select class="form-control select2 update_users_dtl" id="user_user_id" name="id"
                                        data-placeholder="Select User" style="width: 100%;" required>
                                    <option value="">Select User</option>
                                    @foreach ($vars['users'] as $user)
                                        @if(!array_key_exists($user->id, [1,2,3]))
                                            <option value="{{ $user->id }}">{{ $user->name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label> New Password</label>
                                <input type="password" name="password" class="form-control" id="newpassword">
                            </div>
                        </div>

                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary float-right prevent-resubmit-button">Submit
                            </button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
        <!-- /.row -->
    </section>
@endsection



@section('js')
    <script src="{{ url('/') }}/assets/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js">
    </script>
    <script type="text/javascript">

        let passStatus = false;


        function CheckPassword(inputtxt) {


        }


        $(document).on('submit', '#changepasswordform', function (e) {
            e.preventDefault();
            var paswd = /^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{7,15}$/;
            let password = $("#newpassword").val();
            if (password.match(paswd)) {
                Swal.showLoading();
                let formService = new FormData(this);
                asyncFetchAnyData(url = "change-password", formService).then((risks) => {
                    toastFunction('success','Successful Changed');
                    Swal.hideLoading()
                    location.reload();
                });
            } else {
                swalFunction('In correct Format', 'Your password must Include Number,Character,Capital Letter','info')
                $('.prevent-resubmit-button').prop("disabled", false);
                $('.prevent-resubmit-button').html(' Change..');
            }
        });
    </script>
@endsection