@extends('layouts.app') @section('content') @push('css')
@endpush @section('content')
<section class="content">
    <div class="container-fluid">
        <div class="card" id="awarded_trainee_list">
            <div class="card-header text-center">
                Change User Password
            </div>
            <div class="card-body">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="old_password">Old Password</label>
                                <input type="password" class="form-control" type="text" id="old_password"
                                    name="old_password" value="" />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="new_password">New Password</label>
                                <input type="password" class="form-control" type="text" id="new_password"
                                    name="new_password" value="" />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="confirm_password">Type New Password Again</label>
                                <input type="password" class="form-control" type="text" id="confirm_password"
                                    name="confirm_password" value="" />
                            </div>
                        </div>
                        <input type="button" class="btn btn-primary float-right" name="updateBtn" id="updateBtn"
                            value="Update Password" />
                    </div>
                </div>
            </div>
        </div>
        <!-- /.row (main row) -->
    </div>
    <!-- /.container-fluid -->
</section>
@endsection @push('js')
<script>
    $(document).ready(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });


        // Save the password
        $("#updateBtn").click(function() {
            event.preventDefault();
            var old_p = $.trim($('#old_password').val());
            var new_p = $.trim($('#new_password').val());
            var confirm_p = $.trim($('#confirm_password').val());
            if (old_p == null || old_p == '' || old_p == undefined) {
                Swal.fire(
                    'Cancelled',
                    'You need to enter your old password to change your password!',
                    'error'
                );
            } else if (new_p == null || new_p == '' || new_p == undefined) {
                Swal.fire(
                    'Cancelled',
                    'You need to enter new password!',
                    'error'
                );
            } else if (confirm_p == null || confirm_p == '' || confirm_p == undefined) {
                Swal.fire(
                    'Cancelled',
                    'You need to enter new password again!',
                    'error'
                );
            } else if (new_p != confirm_p) {
                Swal.fire(
                    'Cancelled',
                    'Your new password must match!',
                    'error'
                );
            } else {
                $.ajax({
                    type: 'POST',
                    url: "{{ route('user.savepassword') }}",
                    dataType: "json",
                    data: {
                        "oldPassword": old_p,
                        "newPassword": new_p,
                        "confirmPassword": confirm_p
                    },
                    beforeSend: function() {
                        $('#wait').show();
                    },
                    success: function(data) {
                        Swal.fire(
                            'Success',
                            'Pasword has been changed successfully!',
                            'success'
                        );
                        // Clear the input fields
                        $('#old_password').val('');
                        $('#new_password').val('');
                        $('#confirm_password').val('');
                        $('#wait').hide();
                    },
                    error: function(err) {
                        Swal.fire('Error', err.responseJSON.error, 'error');
                        $('#wait').hide();
                    },
                    complete: function() {
                        $('#wait').hide();
                    }
                });
            }
        });
    });
</script>
@endpush