@extends('layouts.app')
@section('title')
Reset Password
@endsection
@push('styles')
<link href="../assets/custom.css">
@endpush

@section('content')
<!-- BEGIN page-header -->
<h1 class="page-header">Reset Password</h1>
<!-- END page-header -->

<!-- BEGIN panel -->
<div class="panel panel-inverse">
    <div class="panel-body">
        <form action="" method="post" id="resetpasswordform">
            <div class="d-flex justify-content-center">
                @csrf
                <div class="col-md-6">
                    <div class="row mb-2">
                        <label class="form-label col-form-label col-md-3">Password</label>
                        <div class="col-md-9">
                            <input type="password" class="form-control" name="oldpassword" id="oldpassword" required>
                            <div class="invalid-feedback"></div>
                        </div>
                    </div>
                    <div class="row mb-2">
                        <label class="form-label col-form-label col-md-3">New Password</label>
                        <div class="col-md-9">
                            <input type="password" class="form-control" name="newpassword" id="newpassword" required>
                            <div class="invalid-feedback"></div>
                        </div>
                    </div>
                    <div class="row mb-2">
                        <label class="form-label col-form-label col-md-3">Confirm Password</label>
                        <div class="col-md-9">
                            <input type="password" class="form-control" name="confirmpassword" id="confirmpassword" required>
                            <div class="invalid-feedback"></div>
                        </div>
                    </div>
                    <div class="row text-center">
                        <div>
                            <button type="submit" class="btn btn-primary">Save Change</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- END panel -->


@endsection

@push('scripts')

<script>
$('#resetpasswordform').submit(function (e) {
    e.preventDefault();
    Swal.fire({
            title: 'Are you Sure?',
            text: 'Change password.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            confirmButtonText: 'Save',
            reverseButtons:true,
        }).then((result) =>{
            if(result.value){
                var formData = new FormData(this);
                    $.ajax({
                        type: "post",
                        url: "{{route('changepassword')}}",
                        data: formData,
                        dataType: "json",
                        processData: false,
                        contentType: false,
                        success: function (response) {
                            $('#resetpasswordform')[0].reset();
                            if(response.status == 'success'){
                                $('.invalid-feedback').html('');
                                $('.is-invalid').removeClass('is-invalid');
                                Swal.fire(
                                            'Success',
                                            'Change Complete',
                                            'success'
                                            )

                            }else if(response.status == 'validate'){
                                validatedfailmsg(response.msg);
                            }else{
                                Swal.fire(
                                            'Error!!',
                                            'Contract Admin',
                                            'error'
                                            )
                            }
                        }
                    });
            }
        });

});
</script>
@endpush