@extends('layouts.master')

@section('content')
    <!-- Start of page header -->
<!--     <div class="personal-bgimg">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 style="color: #f26c25;font-weight: bold;font-size: 35px;">Fixed Deposits</h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page" style="font-size: 20px;">Fixed Deposits that Assures You Guaranteed Returns</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div> -->
    <!-- end of page header -->
    <div class="container text-center" id="mob-head">
        <h1><b style="color: #f26c25;">Fixed Deposit</b></h1>
    </div>
    <section class="section-padding banner-section" style="background-image: url('asset/img/fixed_deposit.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>Secure Your Investment with Fixed Deposits</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">

                        <h2 style="font-size: 25px;">Fixed Deposits That Assures You guranteed Returns.</h2>

                    </div><br>

                        <div class="choose-img">
                            <img src="asset/img/Fixed Deposits.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 Fixed Deposits.</b></h4><br>
                    </div>
                        <div class="get-in-touch">
                            @include('forms.fixeddeposit')
                        </div>
                    </div>
                </div>
                <br>
            </div>
        </div>
    </section>

    <!-- start second about area -->
    <section class="second-about-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2 style="text-align: center;font-size: 30px; color: black;"><b>Fixed Deposits With Vizza FinTech</b></h2><br>
                </div>
            </div>
            <div class="row justify-content-between">
                <div class="col-md-6">
                    <div class="second-about-content">

                        <strong style="font-size:18px;"><h3 style="font-size: 25px;"> <b>Fixed Deposits are Safe Investment Options That guarantees trustworthy and safe returns.Are You Interested in Investing in Fixed Deposits? </b></h3></strong>
                        <br>

                        <a href="{{route('fixed.add')}}"  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>Fixed Deposits that Assures You Guaranteed Returns.</li>
                            <li>Assured Returns with No Market Risks.</li>
                            <li>Reliable Source of Investment.</li>
                            <li>Your Investments are our priority</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end of second about area -->

        <!-- .start loan process second -->

        <section class="second-loan-process ">

        <section class="second-loan-process section-padding">

        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="section-title">
                        <h2 style="font-size: 30px;">How To Apply ?</h2>
                        <h3><b>Get the money in 4 simple steps<b></h3>
                    </div>
                </div>
            </div>
            <div class="row process-list">
                <div class="col-md-3 second-process">
                    <div class="second-single-loan-process">
                        <h4>Check Your Eligibility</h4>
                        <div class="icon">
                            <img src="asset/img/pade.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 second-process">
                    <div class="second-single-loan-process">
                        <h4>Fill Your Details</h4>
                        <div class="icon">
                            <img src="asset/img/dollar.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 second-process">
                    <div class="second-single-loan-process">
                        <h4>Upload Documents</h4>
                        <div class="icon">
                            <img src="asset/img/handshake.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 second-process">
                    <div class="second-single-loan-process">
                        <h4>Get your Money</h4>
                        <div class="icon">
                            <img src="asset/img/get-money.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end of loan process two -->

    <section class="services-page section-padding">

        <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>
                            <li class="nav-item">
                                <a class="nav-link" id="document-tab" data-toggle="tab" href="#document" role="tab" aria-controls="document" aria-selected="false">Documents Required</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> Fast, easy and reliable.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Multiple payments including Net banking, UPI, NACH, and E-Mandate</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Assured 100% security and immediate call-back in case of query.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Reliable Customer Support</p>
                            </div>
                            <div class="tab-pane fade" id="mortgage" role="tabpanel" aria-labelledby="mortgage-tab">
                                <p>The following list of individuals is eligible to open a fixed deposit account in India –</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Indian resident, NRI, Individuals or joint investors (2 or more individuals), Senior citizens, Minors, Sole proprietorship, Societies or clubs, Companies, and Partnership firms.</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> Assured Returns</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Offers great flexibility</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> High Capital Appreciation</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> An additional source of Income</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Higher returns rate for Senior citizens</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Speeder growth with Compound Interest.</p>
                            </div>
                            <div class="tab-pane fade" id="document" role="tabpanel" aria-labelledby="document-tab">
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Investors need to submit certain papers regarding their identity and residential address to invest in FD schemes successfully.</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Identity Proof (Any One), Passport, Voter ID card, PAN card, Aadhaar card, Driving license, Address Proof (Any One)</p>
                                <p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Senior citizens and minor investors need to submit age proof documents as well, which includes matriculation certificate, birth certificate, etc.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="custom-faq">

        <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-togglee="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    For how much time can I invest in Fixed Deposits?
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion">
                                <div class="card-body">
                                    Most Banks/NBFCs offer tenures ranging from 7 days to 10 years.
                                </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">
                                        What are the types of fixed deposits?
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion">
                                <div class="card-body">
                                    There are two types of Fixed Deposit: Cumulative and Non-cumulative. In Cumulative FD, you get interest payout at maturity along with the principal amount. In Non-cumulative FD, you get interests gains periodically at regular intervals (monthly, quarterly, half-yearly and yearly) and principal amount at maturity.
                                </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 happens to Fixed Deposits <br>if interest rate goes up or down?</br>

                                        What happens to Fixed Deposits if interest rate goes up or down?

                                    </button>
                                </h5>
                            </div>
                            <div id="collapsfour" class="collapse" aria-labelledby="headingfour" data-bs-parent="#second-accordion">
                                <div class="card-body">
                                    FD is locked with a specific rate; you will continue to receive that rate till maturity, even if interest rates change later. If you wish to avail the new rate, you need to invest in a new Fixed Deposit.
                                </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">
                                        Is Fixed Deposits Taxable?
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsfive" class="collapse" aria-labelledby="headingfive" data-bs-parent="#second-accordion">
                                <div class="card-body">
                                    Yes, interest earned from FD is taxable. TDS is deducted on interest earned if it exceeds by ₹5000 per annum. However, you can submit form 15G/H to the Bank or NBFC to avoid tax deduction.
                                </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.");
    $('#fixed-deposit-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: "/fixed-deposit-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);
              $("#fixed-deposit-form")[0].reset();
            }
          },
          error: function(response) {
         alert("Something Went Wrong.Please Try Again.");
         return false;
          }
         });
}
});


      </script>

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

@stop