@extends('landing.layout')

@section('title', 'Savings')

@section('content')

<!--Title Area-->
<div class="container-fluid sacco-downloads-container">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <h2 class="sacco-downloads-title">Sacco Products</h2>
            <h5 class="sacco-downloads-title">Savings Accounts</h5>
        </div>
    </div>
</div>
<!--End Title Area-->
<!--Section Products-->
<section class="products">
<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-11 col-md-12">
            <div class="card p-3 shadow">

                <nav>
                    <div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
                        <button class="nav-link active tab-button" id="nav-home-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home"
                            aria-selected="true">Share Capital</button>
                        <button class="nav-link tab-button" id="nav-profile-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
                            aria-selected="false">Deposit Savings</button>

                    </div>
                </nav>
                <div class="tab-content p-3 border bg-light" id="nav-tabContent">
                    <div class="tab-pane fade active show" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                        <ol class="numbered-list">
                            <li>This is members’ stake/ownership of equity in the Sacco.</li>
                            <li>It is non-withdrawable but transferable upon member’s exit.</li>
                            <li>The nominal value of each share is Ksh. 20. </li>
                            <li>Every member holds atleast one share in the society, but no member holds more than one half of the total shares of the Sacco </li>
                            <li>The investment attracts an average annual return in form of dividends payable.</li>
                        </ol>
                    </div>
                    <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                        <ol class="numbered-list">
                            <li>These are the continuous monthly savings that members make to the Sacco throughout their membership</li>
                            <li>Can be contributed through standing order, check off, mobile banking, bank transfer or direct deposit.</li>
                            <li>Can only be accessed upon membership withdrawal.</li>
                            
                        </ol>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>    

<!--end section --> 
<!-- Start Newsletter Area -->
<section class="newsletter-area section">
<div class="container">
    <div class="row ">
        <div class="col-lg-6 offset-lg-3 col-md-12 col-12">
            <div class="newsletter-title">
                <span>Sign Up</span>
                <h2>Delga Sacco</h2>
                <p>Fill in the form online, print and submit to us!</p>
            </div>
            <!-- Call To Action -->
            <div class="subscribe-text wow fadeInUp" data-wow-delay=".2s">
                <div class="button">
                    <a href="membership.html" class="btn">Join Us Today!</a>
                </div>                    
                
            </div>
            <!-- Call To Action -->
        </div>
    </div>
</div>
</section>
<!-- /End Newsletter Area -->
<!--FAQ SECTION--> 

<section class="faq">
<!--Title Area-->
<div class="container-fluid sacco-container">
<div class="row justify-content-center">
    <div class="col-lg-8">
        <h2 class="sacco-downloads-title">Frequently Asked Questions</h2>            
    </div>
</div>
</div>
<!--End Title Area-->

<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="container">
    <div class="row">
        
        <div class="col-lg-11 col-md-12">
            <div class="accordion-item">
            <h2 class="accordion-header" id="flush-headingOne">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                How Do I change My Monthly Deductions?
                </button>
            </h2>
            <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">Fill in the deduction change advice form available on the website.
                    Submit the filled in form to us for the change to be effected.
                </div>
            </div>
            </div>
            <div class="accordion-item">
            <h2 class="accordion-header" id="flush-headingTwo">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
                How Do I make a deposit?
                </button>
            </h2>
            <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">The Sacco Committee shall advice the payroll team on the monthly recoveries to be processed through payroll check-off.</div>
            </div>
            </div>
            <div class="accordion-item">
            <h2 class="accordion-header" id="flush-headingThree">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                How Do I access my statements?
                </button>
            </h2>
            <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">You can access and download the account statements on the web-portal at any time. </div>
            </div>
            </div>
        </div>
    </div>
</div>
</div>
</section>
<!--End Section FAQ-->


@endsection