<div class="row d-none" :class="[{'d-flex': $store.getters.isCustomer}]" v-if="$store.getters.isCustomer">
    <div class="col-12 col-sm-6 bg-white p-l-25 p-r-25 p-t-15 p-b-15">
		<div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
            <div class="col">
                <div class="font-heading all-caps fs-10 hint-text">
                    Recipients Bank Accounts
                </div>
            </div>
            <div class="col-auto">
                <button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
                    <i class="fa fa-plus m-r-5"></i>
                    Add New Recipient
                </button>
                <modal-form-component section="banksSection">
                    <template slot="form" slot-scope="{section}">
                        <bank-account-form-component :company_id="$store.getters.getCompanyId" :country_id="2" :type="2" :section="section"></bank-account-form-component>
                    </template>
                </modal-form-component>
            </div>
        </div>
        <div class="row m-b-20 m-r-0">
            <div class="col">
                <list-component section="banksSection" :endpoint="route('api.bank.list')" :options="{'company_id': this.$store.getters.getCompanyId}">
                    <template slot="list" slot-scope="{data}">
                        <bank-account-component :data="data"></bank-account-component>
                    </template>
                </list-component>
            </div>
        </div>
    </div>
</div>
