@extends('layouts.front_end')
@section('title', 'Forget Password')
@section('content')

    <section class="my-account-area pattern-bg pt-100 pb-100"
    data-background="{{ URL::asset('venam/') }}/img/bg/pattern_bg.jpg"
    style="background-image: url(&quot;img/bg/pattern_bg.jpg&quot;);">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-8 col-lg-10">
                <div class="login-page-title">
                    <h2 class="title"><span>Change Passsword</h2>
                </div>
                <div class="my-account-bg" data-background="{{ URL::asset('venam/') }}/img/bg/my_account_bg.png"
                    style="background-image: url(&quot;img/bg/my_account_bg.png&quot;);">
                    <div class="my-account-content">
                        <form id="otpUpdate" class="login-form"  method="POST" action="{{ route('forget_password_change.update') }}">
                            @csrf
                            <div class="form-grp">
                                <label>New Password:</label>
                                <input type="password" name="password" class="form-control" placeholder="New Password" required>
                            </div>

                            <div class="form-grp">
                                <label for="password">Confirm Password:</label>
                                <input type="password" name="con_password" class="form-control" required
                                    placeholder="Confirm Password">
                            </div>

                            <div class="form-grp-btn verify_required">
                                <button class="btn btn-success" type="submit">Change</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



@endsection
@section('script')
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.3.0/jquery.form.min.js" integrity="sha384-qlmct0AOBiA2VPZkMY3+2WqkHtIQ9lSdAsAn5RUJD/3vA5MKDgSGcdmIv4ycVxyn" crossorigin="anonymous"></script> --}}
    {{-- <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script> --}}
    {{-- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> --}}
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.3.0/jquery.form.min.js" integrity="sha384-qlmct0AOBiA2VPZkMY3+2WqkHtIQ9lSdAsAn5RUJD/3vA5MKDgSGcdmIv4ycVxyn" crossorigin="anonymous"></script> --}}
    <script>
        $(document).ready(function() {
            $('.verify_required').show();
            $('.verified').hide();

            $('#otpUpdate').ajaxForm({
                beforeSend: formBeforeSend,
                beforeSubmit: formBeforeSubmit,
                error: formError,
                success: function(responseText, statusText, xhr, $form) {
                    swal({
                        title: responseText.message,
                        text: "You will redirect to Your Account",
                        type: "warning",
                        showCancelButton: false,
                        confirmButtonClass: "btn-success",
                        confirmButtonText: "Ok",
                        closeOnConfirm: false
                        // },
                        // function(){
                        //     window.location.href = "{{ route('my-account') }}";
                    }).then(function() {
                        window.location = "{{ route('my-account') }}";
                    });
                    $('.verify_required').hide();
                    $('.verified').show();
                }
            });

            $(document).on('click', '.send_verify_code', function(event) {
                console.log(true);
                event.preventDefault();

                $(event).ajaxSubmit({
                    type: 'POST',
                    url: "{{ route('forget_password.update') }}",
                    data: {
                        mobile: $('input[name="mobile"]').val(),
                        resend: '#'
                    },
                    beforeSend: formBeforeSend,
                    beforeSubmit: formBeforeSubmit,
                    error: formError,
                    success: function(responseText, statusText, xhr, $form) {
                        formSuccess(responseText, statusText, xhr, $form);
                    }
                });

            });
        });
    </script>
@endsection