<template>
    <div class="row">
        <div class="col">
            <div class="row m-b-15 parentContainer">
                <div class="col">
                    <list-component key="lock-1" section="lockSectionCompleteCurrencyOrderSection" :endpoint="route('api.setting.list.lock')" :options="{ key_value_pair_in: ['UI_PAYMENTS_COMPLETE_CURRENCY_ORDERS_IS_LOCKED'] }" style="min-height: 25px;width:100%">
                        <template #list="{ data }">
                            <component-lock section="lockSectionCompleteCurrencyOrderSection" :data="data" :postfix="'Payments > Complete Current Orders'"></component-lock>
                        </template>
                    </list-component>
                </div>
            </div>
            <div class="row m-b-15 parentContainer">
                <div class="col">
                    <list-component key="lock-2" section="lockSectionOpenCurrencyOrderSection" :endpoint="route('api.setting.list.lock')" :options="{ key_value_pair_in: ['UI_PAYMENTS_OPEN_CURRENCY_ORDERS_IS_LOCKED'] }" style="min-height: 25px;width:100%">
                        <template #list="{ data }">
                            <component-lock section="lockSectionOpenCurrencyOrderSection" :data="data" :postfix="'Payments > Open Current Orders'"></component-lock>
                        </template>
                    </list-component>
                </div>
            </div>
            <div class="row m-b-15 parentContainer">
                <div class="col">
                    <list-component key="lock-3" section="lockSectionPaidBillGroup" :endpoint="route('api.setting.list.lock')" :options="{ key_value_pair_in: ['UI_SUPPLIER_PAID_CURRENCY_ORDER_TAB_IS_LOCKED'] }" style="min-height: 25px;width:100%">
                        <template #list="{ data }">
                            <component-lock section="lockSectionPaidBillGroup" :data="data" :postfix="'Supplier Current Orders > Paid Current Order Tab'"></component-lock>
                        </template>
                    </list-component>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import route from '@/general/functions/router';
</script>
