<template>
    <div>
        <headTop/>

        <div class="faqPage">
             <div class="main">
                <div class="quesTitle">
                    <h2>Frequently Asked Questions</h2>
                </div>             

                <div class="collapseInfo">
                <el-collapse v-model="activeNames" @change="handleChange">
            <el-collapse-item title="1.Who can apply for Tap on Mobile?" name="1">
                <div>To be eligible to apply, all you need is an Australian Business Number (ABN), and a business bank account.</div>
            </el-collapse-item>
            <el-collapse-item title="2.What device do I need to use Tap on Mobile?" name="2">
                <div>You will need to have one of the following devices. 1) An iPhone Xs or later running iOS 16.4 or later and Internet access, cellular or WiFi. 2) An Android OS 11 or higher, has Google Mobile Services GMS installed, an NFC reader and Internet access, cellular or WiFi.</div>
            </el-collapse-item>
            <el-collapse-item title="3.How long does it take for the money to be transferred to my account?" name="3">
                <div>Generally, your funds will be deposited on the same day with an ANZ business account when settled prior to 9pm (AEST). If you link an account from another bank, we will deposit funds the next business day and availability of funds will depend on your financial institution.</div>
            </el-collapse-item>
            <el-collapse-item title="4.How many of my team members can use Tap on Mobile?" name="4">
                <div>You can add up to five users on your Tap on Mobile account, allowing up to five eligible devices to take payments simultaneously to one linked ANZ Worldline Merchant Account.</div>
                <div>If you would like more than the allocated 5 users that come with the plan, you can add an unlimited number of additional users for the added fee of $4.95 per each additional device, per month. For example, if you sign up, you will have 5 devices included at no additional costs. Then, if you want 5 more devices (totalling 10 devices), you can pay $4.95 each (totalling $24.75) for those additional devices. You may then download the app on those five additional devices and begin accepting payments.</div>
            </el-collapse-item>
            <el-collapse-item title="5.Are there any other fees?" name="5">
                <div>Our pricing packs offer a range of options for you to choose the option that's right for you, right now. Choose from a blended rate per transaction OR a fixed monthly price pack. There are no lock in contracts.</div>
            </el-collapse-item>
            <el-collapse-item title="6.Where can I find more information on how to use Tap on Mobile?" name="6">
                <div>To find more support on Tap on Mobile, click on this link to find your Apple and Android Quick Reference Guides.</div>
                
            </el-collapse-item>
            </el-collapse>
            </div>
           
        </div>    

            <footerMenu/>
        </div>

    </div>
</template>

<script>
import headTop from '@/components/headTop.vue';
import footerMenu from '@/components/footerMenu.vue';

export default{

    name:'Faq',

    components: { 
        headTop,
        footerMenu,      
       
    },
    data(){
    return{
      activeNames: ['1']  
    }; 
},
methods: {
    handleChange(val) {
        console.log(val);
      }
}
}
</script>

<style>
.main{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.faqPage{
    margin-top: 100px;
.quesTitle{
    h2{
        text-align: center;
        color: #1a5271;
        font-size: 42px;
    }
}

/* .collapseInfo {
        width: 900px;
        margin: auto;
        padding: 24px 0;

        .el-collapse {
            border-top: none;
            border-bottom: none;

            .el-collapse-item {
                padding: 10px 0;
            }
        }

        .el-collapse-item__header {
            border-radius: 10px;
            background: #fdfab5;
            border-bottom: none;
            height: 80px;
            padding-left: 30px;
            color: #6a6721;
            font-size: 16px;

            .el-collapse-item__arrow {
                font-weight: 600;
                padding-right: 20px;
            }
        }

        .el-collapse-item__wrap {
            border-bottom: none;

            .el-collapse-item__content {

                padding: 40px 30px;
                color: #73702e;
                font-size: 16px;
            }
        }
    } */




    .collapseInfo{
    width: 900px;
    margin: auto;
    padding: 80px 0;
    .el-collapse{
        border-top: none;
        border-bottom: none;
        .el-collapse-item{
            padding: 10px 0;
        }
    }
    .el-collapse-item__header{
        border-radius: 10px;
        background: #fdfab5;
        border-bottom: none;
        height: 80px;
        padding-left: 30px;
        color: #6a6721;
        font-size: 16px;
        .el-collapse-item__arrow{
            font-weight: 600;
            padding-right: 20px;
        }
    }
    
    .el-collapse-item__wrap{
            border-bottom:none;
    .el-collapse-item__content  {
        
        padding: 40px 30px;
        color: #73702e;
        font-size: 16px;
    }
        }
}

}

</style>