@extends('layouts.master')

@section('content')
<!--     <div class="business-bgimg">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 style="color: #f26c25;font-weight: bold;font-size: 35px;">Business Loan</h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page" style="font-size: 20px;">We ensure you support at every step with our business loan.</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div> -->
    <!-- end of page header -->
    <div class="container text-center" id="mob-head">
        <h1><b style="color: #f26c25;">Business Loan</b></h1>
    </div>
    <section class="section-padding banner-section" style="background-image: url('asset/img/business_loan.jpg')">
        <div class="container">
            <section class="section-padding" style="padding-top: 25px; padding-bottom: 25px;">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 d-none">    
                            <h2 style="text-align: center;font-size: 30px; color:#f26c25;"><b>Get Your Desired Business Loan in Just a few clicks.</b></h2>
                        </div>
                    </div>
                </div>
            </section>
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6">
                        <div class="how-it-work-content">
                            <h3><b>Ignite the entrepreneur in you with a Business Loan at Vizza FinTech</b></h3><br>
                        </div>
                        <div class="choose-img">
                            <img src="asset/img/Business Loan.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-6">
                    
                    <div class="how-it-work-content">
                        <h4><b>Let us help you to choose your Best Buniess Loan.</b></h4><br>
                    </div>
                        <div class="get-in-touch">
                            @include('forms.business')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="serves 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;">Business 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: 25px;"><b>Are you thinking of Availing a Business Loan Anytime Soon or Do You Need More Business Capital?</b></h2>                        
                        <p>Visit Vizza FinTechs Customized Business Loan Solution</p>
                        <a href="{{ route('Business.businessAdd') }}" 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></li>
                            <li>Wide Range Of Choices.</li>
                            <li>Hassle Free Transactions.</li>
                            <li>Fast ,Easy and Reliable.</li>
                            <li>Reliable Customer Support.</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>    
</section> 
<section class="">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-lg-12">
                    <div class="services-details">              
                        <br>
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="inspections-tab" data-bs-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-bs-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-bs-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> You can avail of this loan to tackle your immediate financial requirements like daily capital needs.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Business loans can also help in tax benefits for the company.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> You don't have to put anything as collateral or need a guarantee for a business loan up to Rs. 75,00,000.</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> Banks offer customized repayment schemes for business loans. You can repay the business loan Daily, Weekly or fortnightly.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> A business loan offers you a lower interest rate compared to personal loans.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> You can avail of a business loan ranging anywhere between Rs.50,000 to Rs. 75,00,000.</p>
                            </div>
                            <div class="tab-pane fade" id="overspending" role="tabpanel" aria-labelledby="overspending-tab">
                                <strong>Banks have divided applicants into two categories based on their profession. The eligibility criteria and list of documents change as according to these two categories</strong>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Self Employed Professionals (SEP): Doctors, CA, CS, architects, engineers, etc.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Self Employed Non-Professionals (SENP): Trader, commission agent, contractor, etc.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Also, if you are applying as a company, you can avail loan by applying under the following entities:</p>
                                <div class="about-cradit-list">
                                    <ul>
                                        <li>Partnerships/Propretorship</li>
                                        <li>Limited Liability Partnerships</li>
                                        <li>Private Limited Companies</li>
                                    </ul>
                                </div>
                            </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" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        What is a Business Loan?
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion">
                                <div class="card-body">
                                    A Business Loan is curated to cover a variety of expenses for the growth of your business. HDFC Bank Business Growth Loan offers you a stipulated loan amount without the need to pledge any collateral. 

                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingTwo">
                                <h5 class="mb-0">
                                    <button class="btn btn-link font__sizeMs collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        Are Business Loans available with the part-payment facility?
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion">
                                <div class="card-body">
                                    Yes. Part-payment facility after a certain lock-in period will be permitted. However, the number of times a part-payment can be made will depend on the lender. Also, part-payment charges ranging from 2% to 4% will be charged on the part-paid amount.
                                </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" data-bs-toggle="collapse" data-bs-target="#collapsfour" aria-expanded="false" aria-controls="collapsfour">
                                        What are the modes of repayment of Business Loans?
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsfour" class="collapse" aria-labelledby="headingfour" data-bs-parent="#second-accordion">
                                <div class="card-body">                 
                                    Business Loans should be paid in Equated Monthly Installments (EMIs) for which auto-debit instructions have to be given.
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingfive">
                                <h5 class="mb-0">
                                    <button class="btn btn-link font__sizeMs collapsed" data-bs-toggle="collapse" data-bs-target="#collapsfive" aria-expanded="false" aria-controls="collapsfive">
                                        Will an overdraft facility be given against <br/>
                                        the security of immovable property?
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsfive" class="collapse" aria-labelledby="headingfive" data-bs-parent="#second-accordion">
                                <div class="card-body">
                                    Yes. Some banks do provide drop line overdraft facility against the security of the immovable property. 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end of customer faq -->
    <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')
        }
    });

    /* All Product Form */
    $('#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."); 
    $('#business-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-business-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);
              $("#business-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