@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">Verify Account</h2>
                                {{-- <p>Founded In 1996 New York,USA</p> --}}
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <a title="Homepage" href="#">Home</a>
                                </span>
                                <span>Verify Account</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="verification_form" class="contact_form wrap-form clearfix" action="{!! url('verify-account-code-submit') !!}" method="post">
                                        @csrf
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <label>
                                                    <span class="text-input"><input name="code" type="text" value="" placeholder="Verification Code" required="required"></span>
                                                </label>
                                            </div>
                                        </div>
                                        <button class="submit cmt-btn cmt-btn-size-xs cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark mt-5 w-100" type="submit">Submit Code</button>
                                        {{ Session::get('service_id') }}
                                        {{ Session::get('service_name') }}

                                    </form>
                                      <div class="m_t">
                                        <a href="#">Forget Password</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);
        })();
    </script>

@endsection