<script setup>
import axios from '@axios';
const seetingFooterText = ref();
const gotoTermsCondition = () => {
    window.open('/terms-and-conditions', '_blank');
};
const gotoPrivacyPolicy = () => {
    window.open('/privacy-policy', '_blank');
};
const gotoRefundPolicy = () => {
    window.open('/refund-policy', '_blank');
};
onMounted(async () => {

    let setting = await axios.post('/api/settings', {})
    // console.log(setting.data)
    seetingFooterText.value = setting.data.footer_text
})
</script>
<template>
    <div class="h-100 d-flex align-center justify-space-between">
        <!-- 👉 Footer: left content -->
        <span class="d-flex align-center">
            &copy; Copyright {{ new Date().getFullYear() }}, {{ seetingFooterText }}
        </span>
        <!-- 👉 Footer: right content -->
        <div class="d-flex align-center">
            <a type="button" class="mr-3 ">Contact Us</a>
            <a type="button" class="mr-3 " @click="gotoTermsCondition()">Terms & Conditions</a>
            <a type="button" class="mr-3 " @click="gotoPrivacyPolicy()">Privacy Policy</a>
            <a type="button" class="" @click="gotoRefundPolicy()">Refund Policy</a>
        </div>
    </div>
</template>
<style>
.layout-footer {
    background-color: rgb(var(--v-theme-footer)) !important;
    color: #fff !important;
}
</style>
