@extends('layouts.master')

@section('content')
<!-- <div class="home-bgimg">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 style="color: #f26c25;font-weight: bold;font-size: 35px;">Home Loan</h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page" style="font-size: 20px;">With vizzafinserv, Your dream home is closer than your think.</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div> -->
    <!-- end of page header -->
    <div class="container text-center" id="mob-head">
        <h1><b style="color: #f26c25;">Home Loan</b></h1>
    </div>
    <section class=" section-padding banner-section" style="background-image: url('asset/img/home_loan.jpg')">
        <div class="container">
            <section class="section-padding d-none" style="padding-top: 25px; padding-bottom: 25px;">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">    
                            <h2 style="text-align: center; font-size: 30px; color:#f26c25;"><b>Let Your Dream Home be a Reality Now with Vizza FinTech</b></h2>
                        </div>
                    </div>
                </div>
            </section>
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6 d-none">
                    <div class="how-it-work-content">
                        <h2 style="font-size: 25px;">Find the best home loan for you at Vizza FinTech</h2>
                    </div>
                        <div class="choose-img">
                            <img src="asset/img/Home Loans.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-12 col-md-offset-7">
                    
                    <div class="how-it-work-content">
                        <h4><b>Let us help you to choose your Best Home Loan.</b></h4><br>
                    </div>
                        <div class="get-in-touch">
                            @include('forms.home')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class=" service-page section-padding">
    <div class="container">
    <div class="row">
                <div class="col-md-8 col-lg-12">
                    <div class="services-details">
                        <h2 style="text-align: center;font-size: 30px;">Home Loan With Vizza FinTech </h2><br>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-md-6">
                    <div class="second-about-content">
                        <h3 style="font-size: 30px;"><b> Are you Looking for Hasslefree Home Loan at affordable interest rates? </b></h2>
                         <b>Find the best home loan for you at vizzafinserv</b>
                         <br>
                        <a href="{{ route('Home.homeAdd') }}" target="_blank"   class="btn btn-default btn-sm">Apply Now <i class="fa fa-angle-double-right"></i></a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-6">
                    <div class="about-cradit-list">
                        <ul>
                            <li>Excellent Customer support</li>
                            <li>Choose Home Loan With Low Interest Rates</li>
                            <li>Extended Loan Terms</li>
                            <li>Flexible Repayment Options</li>
                        
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <section class="">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-lg-12">
                    <div class="services-details">
                       
                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="inspections-tab" data-toggle="tab" href="#inspections" role="tab" aria-controls="inspections" aria-selected="true">Feature</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="mortgage-tab" data-toggle="tab" href="#mortgage" role="tab" aria-controls="mortgage" aria-selected="false">Eligibility</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="overspending-tab" data-toggle="tab" href="#overspending" role="tab" aria-controls="overspending" aria-selected="false">Benefits</a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="inspections" role="tabpanel" aria-labelledby="inspections-tab">
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> The loan amount depends on the outstanding balance of the existing home loan subject to LTV ratio</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Fixed EMI for the entire loan tenure</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Home loan balance transfer facility</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Co-borrowers of the loan can also avail tax benefit if they are co-owners of the property.</p>
                            </div>
                            <div class="tab-pane fade" id="mortgage" role="tabpanel" aria-labelledby="mortgage-tab">
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> To determine whether you are eligible to get a best home loan or not, there are various criteria involved. Such as income, employment status, loan tenure etc. The criteria differ from bank to bank. But we have given some of the important eligibility criteria </p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Any consumer who has a regular and steady source of income can get the best home loan.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Irrespective of consumer's profession (salaried, self-employed or business person) he/she can get the best home loan.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> The consumer, who wants to apply for the best home loan, should be of minimum 21 years old. Whereas the repayments has to be done by the age of 60, maximum 65.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Applicant's savings history with bank plays an important role in approval of the loan.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> If you have a bad credit history, especially before 3 months of applying for the best home loan, it can become a large hurdle in accessing the loan.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Those who have their own business or are self employed, have to present their profits and turn over to determine the value of loan they'll be applying.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> The applicant also has to give proof of their current residence. He or she should be staying at that current residence for at least a year. This will be seen as a proof of stability along with employment and financial records.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Applicant needs a good credit score. (750-900 is considered as a good credit score).</p>
                            </div>
                            <div class="tab-pane fade" id="overspending" role="tabpanel" aria-labelledby="overspending-tab">
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Extensive range of home loan products</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Quick Loan Disbursement</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Pan India branch network</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Excellent customer support</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Various repayment options</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> High standards of ethics, integrity and transparency</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- start customer faq -->
    <section class="custom-faq section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="section-title">
                        <h2 style="font-size: 30px;">FAQ’s</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div id="accordion" class="second-accordion">
                        <div class="card">
                            <div class="card-header" id="headingOne">
                                <h5 class="mb-0">
                                    <button class="btn btn-link font__sizeMs font__sizeMs" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                     What is a Home Loan and How does it work?
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion">
                                <div class="card-body">
                                A homeloan is a secured loan that requires the borrower to keep collateral with the lender.However, the collateral in case of the homeloan is the homeitself for which the loan is borrowed. In case a person fails to repay the homeloanon time, the lender has the right to acquire theproperty. 

                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingTwo">
                                <h5 class="mb-0">
                                    <button class="btn btn-link font__sizeMs collapsed font__sizeMs" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    What is the purpose of a home loan?
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion">
                                <div class="card-body">
                                For home buyers, the primary purposeof a loan is to facilitate the purchase of a houseor to finance the construction of one. A home is the biggest investment most people will ever make, and few private individuals could afford one without amortgage.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div id="second-accordion" class="second-accordion">
                        <div class="card">
                            <div class="card-header" id="headingfour">
                                <h5 class="mb-0">
                                    <button class="btn btn-link font__sizeMs font__sizeMs" data-bs-toggle="collapse" data-bs-target="#collapsfour" aria-expanded="false" aria-controls="collapsfour">
                                    What are the different types of Home Loans <br>available in the market?</br>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsfour" class="collapse" aria-labelledby="headingfour" data-bs-parent="#second-accordion">
                                <div class="card-body">                 
                                Home Purchase Loans,Home Extension Loans,Land Purchase Loans/Plot Loans,NRI Home Loans.
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingfive">
                                <h5 class="mb-0">
                                    <button class="btn btn-link font__sizeMs collapsed font__sizeMs" data-bs-toggle="collapse" data-bs-target="#collapsfive" aria-expanded="false" aria-controls="collapsfive">
                                    Why to get a Home Loan at Vizza FinTech?
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsfive" class="collapse" aria-labelledby="headingfive" data-bs-parent="#second-accordion">
                                <div class="card-body">
                                Wide range of choices,We guide you through your struggles and lead you to financial security,We take responsibility for you,One-stop destination for purchasing the best available loans. 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    </section>   
    <script>
$(document).ready(function(){
  $(".nav-tabs ").click(function(){
    $(this).tab('show');
  });
  $('.nav-tabs ').on('shown.bs.tab', function(event){
    var x = $(event.target).text();         // active tab
    var y = $(event.relatedTarget).text();  // previous tab
    $(".act span").text(x);
    $(".prev span").text(y);
  });
});
</script>
  
    <script type="text/javascript">
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $('#mobile').keypress(function (e) {
    if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        $('#errmsg').html('Enter Digits Only').show().fadeOut('slow');
        return false;
    }
});
jQuery.validator.addMethod("lettersonly", function(value, element) {
    return this.optional(element) || /^[a-z," "]+$/i.test(value);
  }, "Name must be a valid name."); 
    $('#home-loan-form').validate({

        errorElement: 'span',
            errorClass: 'text-danger',
    rules: {
        name:{ 
             required: true,
             minlength: 3,
            maxlength: 50,
            lettersonly:true
        },
        email: {
		  required: true,
		  email: true
		},
        mobile: {
            required: true,
            number: true,
            minlength: 10,
            maxlength: 10,
        },
    },
    messages: {
        name: {
            required: "Please enter your name",
        minlength:'Minimum 3 letters required',
        maxlength:'only 50 characters allowed.',
    },
        mobile: {
            digits: 'Invalid phone number 10 Only numbers allowed',
            required: 'Please provide a valid Phone Number .',
            maxlength: 'Please provide a valid Phone Number',
            minlength: 'Please provide a valid Phone Number'
        },
        email: {
            required: 'Please provide a valid Email ID .',
        },

    },
submitHandler: function(form) {
    $('#product-error').text('');
        $('#name-error').text('');
        $('#email-error').text('');
        $('#mobile-error').text('');

        product_name = $('#product_name').val();
        name = $('#name').val();
        email = $('#email').val();
        mobile = $('#mobile').val();

        $.ajax({
          url: "/store-home-loans",
          method: "POST",
          data:{
            "_token": "{{ csrf_token() }}",
            product_name:product_name,
            name:name,
            email:email,
            mobile:mobile,
          },
          success:function(response){
            if (response) {
              $('#success-message').text(response.success);
              setTimeout(function() { $("#success-message").hide(); }, 5000);
              $("#home-loan-form")[0].reset();
            }
          },
          error: function(response) {
         alert("Something Went Wrong.Please Try Again.");
         return false;
          }
         });
}
});
       
      </script>

<style>
        .how-it-work-content{
            margin-top:13% !important;
            padding-top:0px !important;
        }
        .choose-img{
            display:none;
        }
      </style>
@stop