purityselect/resources/js/layouts/components/Footer.vue
2024-10-27 02:51:48 +05:00

48 lines
1.7 KiB
Vue

<script setup>
import axios from '@axios';
const seetingFooterText = ref();
const constact = () => {
// window.open('/terms-and-conditions', '_blank');
window.open('https://purityselect.com/contact/')
};
const gotoTermsCondition = () => {
// window.open('/terms-and-conditions', '_blank');
window.open('https://purityselect.com/terms-and-condition/')
};
const gotoPrivacyPolicy = () => {
// window.open('/privacy-policy', '_blank');
window.open('https://purityselect.com/privacy-policy/')
};
const gotoRefundPolicy = () => {
// window.open('/refund-policy', '_blank');
window.open('https://purityselect.com/refund-and-return-policy/')
};
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 " @click="constact()">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>