@extends('tenant.layouts.main')
@section('title')
    <title>Profile Management</title>
@endsection
@section('content')
<main class="main">
    <section class="section lyt-section">
        <div class="mt-18 mb-24">
            <h2 class="bs-heading typ-27 typ-800">
            Background Check</h2>
        </div>
        <div class="">
        <div class="bs-card typ-subscription-new">
                <div class="card typ-subscription-new active">
                    <div class="inner-card">
                        <div class="button-box">
                            <h3 class="bs-heading typ-24 typ-700 text-center mb-30">Tenant paperwork</h3>
                            <button onclick="BackgroundCheck()"
                                class="bs-button typ-border-blue typ-700 text-center d-block w-100">
                                Submit to Homevana
                            </button>
                        </div>
                        <div class="subscription-list-wrapper">
                            <ul class="subscription-list">
                                <li class="subscription-item mb-20">
                                Tenant background check
                                </li>
                                <li class="subscription-item mb-20">
                                Identity verification
                                </li>
                                <li class="subscription-item mb-20">
                                Address verification
                                </li>
                                <li class="subscription-item mb-20">
                                Employment verification
                                </li>
                                <li class="subscription-item mb-20">
                                Criminal history background check
                                </li>
                                <li class="subscription-item mb-20">
                                Credit history check
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
    function BackgroundCheck(){
        console.log("hello");
        var title = "Tenant paperwork";
        $.ajax({
            url: "{{route('background-check-store')}}",
            method: "POST",
            data: {
                title: title,
                _token: "{{ csrf_token() }}"
            },
            success: function (response) {
                if (response.status == 200) {
                    window.location.href="beta/public/thank-you";
                    }
                },
            });
    }
</script>
@endsection