@extends('frontend.layouts.master')
@section('content')


        <div class="cmt-page-title-row" style="background: url({{ asset("$breadcrumb->name") }});">
            <div class="cmt-page-title-row-inner">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">Password Reset</h2>
                                {{-- <p>Founded In 1996 New York,USA</p> --}}
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <a title="Homepage" href="#">Home</a>
                                </span>
                                <span>Password Reset</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    <!--site-main start-->
    <div class="site-main">

        <!--- conatact-section -->
        <section class="cmt-row conatact_2-section clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cmt-col-bgcolor-yes cmt-bg cmt-bgcolor-grey z-index-2 spacing-7 mt-0 box-shadow">
                            <div class="cmt-col-wrapper-bg-layer cmt-bg-layer"></div>
                            <div class="row">

                                <div class="col-md-6 mx-auto">
                                    <form id="password_reset_form" class="contact_form wrap-form clearfix" action="{!! url('submit-reset-password/'.$token) !!}" method="POST">
                                        @csrf
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <label>
                                                    <span class="text-input"><input name="password" type="password" value="" placeholder="Your Password" required="required"></span>
                                                </label>
                                            </div>
                                            <div class="col-lg-6">
                                                <label>
                                                    <span class="text-input"><input name="confirm_password" type="password" value="" placeholder="Confirm Password" required="required"></span>
                                                </label>
                                            </div>
                                        </div>
                                        <button class="submit cmt-btn cmt-btn-size-lg cmt-btn-shape-rounded cmt-btn-style-border cmt-btn-color-dark w-100" type="submit">Submit</button>
                                        {{ Session::get('service_id') }}
                                        {{ Session::get('service_name') }}

                                    </form>
                                      <div class="m_t">
                                        Do you have an account? <a href="{{ url('member-login') }}">Click here to Login</a>
                                      </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- row end -->
            </div>
        </section>
        <!-- conatact-section end -->

    </div><!--site-main end-->




@endsection

@section('js')

<script>
    // Example starter JavaScript for disabling form submissions if there are invalid fields
    (function() {
        'use strict';
        window.addEventListener('load', function() {
            // Fetch all the forms we want to apply custom Bootstrap validation styles to
            var forms = document.getElementsByClassName('needs-validation');
            // Loop over them and prevent submission
            var validation = Array.prototype.filter.call(forms, function(form) {
                form.addEventListener('submit', function(event) {
                    if (form.checkValidity() === false) {
                        event.preventDefault();
                        event.stopPropagation();
                    }
                    form.classList.add('was-validated');
                }, false);
            });
        }, false);
    })();
    var n_pass = document.getElementById("n_pass")
        , r_pass = document.getElementById("r_pass");

    function validatePassword(){
        if(n_pass.value != r_pass.value) {
            r_pass.setCustomValidity("Passwords Don't Match");
        } else {
            r_pass.setCustomValidity('');
        }
    }

    n_pass.onchange = validatePassword;
    r_pass.onkeyup = validatePassword;
</script>

@endsection