��Root Mod By V1rus

Viewing: payment.vue

<script setup lang="ts">
const switchLocalePath = useSwitchLocalePath()
const { t } = useI18n() 
const router = useRouter() 
const localePath = useLocalePath() 
definePageMeta({
    title: 'Payment', 
    middleware: ['auth'],
    layout: 'auth', 
})     
useHead ({
    title: t('Payment')  
}) 
const token = useCookie('token');  
const config = useRuntimeConfig();
const collapse = ref(false);
const toast = useToast()  
const loading = ref(false);  
const code = ref(); 
const items = [
  [{
      label: 'فارسی', 
      click: () => {
         router.push({ path: switchLocalePath('fa') })
      }
   },{
      label: 'English', 
      click: () => {
         router.push({ path: switchLocalePath('en') })
      }
   } ] 
] 
const { data, pending, error, refresh } = await useFetch(config.public.API_URL+'/analyze/all-config', {
  onRequest({ request, options }) { 
    options.headers =   {}
    options.headers.Accept = 'application/json'
    options.headers.authorization = 'Bearer '+token.value
  }, 
  onResponseError({ request, response, options }) { 
        if(response.status  == 401){
            navigateTo(localePath('/login'));
        }
        if(response.status  == 403){
            navigateTo(localePath('/payment'));
        }
  },
  transform: (mountains:any) => {
   return JSON.parse(mountains).data;
  }, 
  server: false
})

async function computing () {  
    
    if(!code.value){ return toast.add({ title: t('Representative') ,color:"orange"})}
    loading.value=true;
    await useFetch(config.public.API_URL+'/analyze/verify-marketer?code='+code.value, {
        method: 'GET', 
        onRequest({ request, options }) { 
            options.headers =   {}
            options.headers.Accept = 'application/json'
            options.headers.authorization = 'Bearer '+token.value
        }, 
        onResponseError({ request, response, options }) {  
            if(response.status  == 401){
                navigateTo(localePath('/login'));
            }
            if(response.status  == 403){
                navigateTo(localePath('/payment'));
            }
        },
        transform: (mountains:any) => {
            let response = JSON.parse(mountains); 
            
            if(response.status  == 422 || response.status  == 'error'){ 
                return toast.add({ title: response.message ,color:"orange"})
            }else{
                navigateTo('/');
                return toast.add({ title: t('account renewed') ,color:"orange"})
            } 
        },  
    }) 
    loading.value=false; 
}
</script>
<template>  
   <section class=" ">   
      <span v-if="pending"><Snipper /></span>  
      <span v-else-if="error">Error: {{ error }}</span>  
      <div class=" " v-else >  
        <div class="    w-full mx-auto">
            <header  class=" !overflow-visible " >
                <div id="header" class="   py-1 bg-main-700 ">
                    <nav id="nav-menu" class="flex items-start justify-between w-full   mx-auto  reletive">
                            
                        <div class="w-[95%] mx-auto ">
                            <div :dir="$i18n.locale == 'en' ? 'ltr' : 'rtl'" class="flex items-center  justify-between  "> 
                                <ULink to="/" class="    inline-flex   h-10 items-center  cursor-pointer   rounded      justify-center  text-xs px-2">
                                    <img class="w-10 mx-auto   h-full  rounded md:w-30 " src="/favicon.ico" >
                                </ULink>   
                                
                                <div class="flex items-end  ">
                                    <div :class="$i18n.locale == 'en' ? 'order-1 justify-end' : 'justify-start'" class="w-full lg:w-10/12 mx-2  mona flex  lg:justify-between items-center text-3xl text-white">   
                                        <div :class="$i18n.locale == 'en' ? 'order-1 ltr' : ''" class="border border-white  rounded    flex justify-center items-start">
                                        <UDropdown :items="items" 
                                        :popper="{ placement: 'bottom-start' }"
                                        :ui="{ width: ' mx-auto overflow-hidden  rounded w-auto border   border-main-700' , padding: 'p-0 ', background: '   ',item: { label: 'vazir', base: 'vazir  !justify-center px-4  text-sm  ' } }"
                                        >
                                            <UButton   class="  !p-1  !bg-transparent   text-white   !shadow-none !ring-0 " > 
                                                    <label class="text-xs">
                                                    {{ $i18n.locale == 'fa' ? 'زبان'  : 'lang' }}
                                                    </label>
                                                    <UIcon name="i-heroicons-chevron-down-20-solid"  class="text-white  text-lg"  />
                                            </UButton>
                                        </UDropdown> 
                                        </div> 
                                    </div>
                                    <a href="tel:09364233626" class="    inline-flex  flex-col    items-center  cursor-pointer   justify-center ">
                                        <i class='bx bx-support text-2xl text-white'></i>
                                        <span class=" bold text-sm text-white">
                                             {{ t('Support') }}
                                        </span>
                                    </a>  
                                </div> 
                            </div>
                        </div> 
                    </nav>
                </div>
            </header> 
            <div  v-if=" loading == true"    >
                <Snipper />
            </div> 
            <section v-else  class=" w-11/12 mx-auto pt-12 flex flex-col justify-between items-center min-h-[85vh] "  >
                <section :dir="$i18n.locale == 'en' ? 'ltr' : 'rtl'" class="w-full">
                    <div  class="w-11/12 mx-auto mb-10 flex justify-center text-center  items-center">
                        <i class='bx bx-info-circle text-xl text-main-700 ml-2'></i>
                        <h2 class=" bold text-xs text-main-700 ">
                            {{ t('pay_1') }} 
                        </h2>
                    </div>
                    <div  class="w-10/12 mx-auto mb-8 flex justify-center text-center items-center"> 
                        <span class=" bold text-xs text-gray-800 ">
                            {{ t('pay_2') }}  
                        </span>
                    </div>
                    <div  class="w-10/12 mx-auto  mb-10 flex justify-center items-center"> 
                        <span class=" bold text-xs leading-6 text-gray-800   text-center" v-html=" $i18n.locale == 'en' ?  '<div>Note that <strong> by entering the identifier code </strong> you will get a special discount.</div>' : '<div>  توجه داشته باشید که <strong > با وارد کردن کد معرف </strong>  از تخفیف ویژه برخوردار می شوید.</div>'">  
                        </span>
                    </div>
                </section>
                <section class="w-full">
                    <div  class="w-[98%] mb-5 rounded mx-auto border-dashed py-2 border-2 border-main-700 "> 
                        <div @click="collapse = !collapse"  class=" cursor-pointer flex justify-center items-center w-full"> 
                            <span  class=" bold ml-5 text-xs text-gray-800 ">
                                {{ t('pay_3') }}  
                            </span>
                            <i class='bx bxs-user-circle text-3xl  text-main-700 ml-2'></i>
                        </div>
                        <div  :dir="$i18n.locale == 'en' ? 'ltr' : 'rtl'" v-show="collapse == true" class=" border-t p-2 mt-2 border-dashed border-main-700 flex w-full items-center justify-between">
                            <input type="text" v-model='code'  :placeholder="t('pay_4')"
                            :class="$i18n.locale == 'en' ? 'rounded-l' : 'rounded-r'"
                            class=" w-full pr-2 bg-white outline-none focus:ring-0 focus:border-gray-300 focus:outline-none border   border-[#D0D0D0]    h-8 dark:bg-[#434343]  placeholder:text-xs placeholder:text-[#7f7f7f]   text-xs bold">
                            <button @click="computing()" :class="$i18n.locale == 'en' ? 'rounded-r' : 'rounded-l'" class="  h-8  text-xs bold text-center text-white      bg-red-700  w-3/12 hover:text-white hover:bg-main-800 focus:outline-none">
                                 {{ t('payment_5') }} 
                                
                            </button>
                        </div>
                    </div>
                    <a :href="data.payment_link"   class="w-[98%] cursor-pointer block mb-10 rounded mx-auto border-dashed py-2 border-2 border-main-700 "> 
                        <div  class=" flex justify-center items-center w-full"> 
                            <span  class=" bold ml-5 text-xs text-gray-800 ">
                                {{ t('pay_5') }} 
                            </span>
                            <i class='bx bx-credit-card text-3xl text-main-700 ml-2'></i>
                        </div>
                    </a>
                </section>
                <section :dir="$i18n.locale == 'en' ? 'ltr' : 'rtl'"  class="w-full">
                    <div class="w-10/12 mx-auto  mb-10 flex justify-center items-center"> 
                        <span  class="   text-xs leading-6 text-gray-800  text-center">
                            {{ t('pay_6') }}  <strong class="text-main-700 "> {{ data.payment_price }}  </strong>  {{ t('pay_7') }} 
                        </span>
                    </div>
                    <div class="w-[98%]  mx-auto  ">  
                        <a href="https://cutunix.ir/introducing-app"  target="_blank"  class="w-full py-3  mx-auto  flex justify-center items-center text-center border bold    bg-main-700 text-white text-xs     rounded-md shadow  overflow-hidden ">
                               {{ t('pay_8') }}
                        </a>
                    </div>
                </section>
            </section> 
        </div>
      </div>
   </section>
</template>  
<style scope>
    div > strong{
        color: #ff5722;
    }
</style>
User / IP	: 216.73.217.78
Host / Server	: 195.214.235.115 / npln.ir
System	: Linux damavand.pws-dns.net 5.14.0-503.35.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 4 05:23:43 EDT 2025 x86_64
���Root Mod By V1rus_Alfa

Viewing: payment.vue

��Root Mod By V1rus_Alfa
