<script setup>
const props = defineProps({
  params: Object
})

const locationIndicator = computed(() => {
  const shipName = props.params.data.partnerLocation?.Name || ''
  const shipAddress = props.params.data.partnerLocation?.C_Location_ID?.identifier || ''

  const billName = props.params.data.billPartnerLocation?.Name || ''
  const billAddress = props.params.data.billPartnerLocation?.C_Location_ID?.identifier || ''
  return (shipName == billName && shipAddress == billAddress) ? true : false
})
</script>

<template>
  <div class="d-inlineFlex items-center gap-5px mt-1">
    <span v-if="props.params.data.priorityRuleId == 5" title="Medium" class="tf-icon ti ti-circle-number-5 ti-md cursor-pointer" style="color: #00a500;"></span>
    <span v-else-if="props.params.data.priorityRuleId == 3" title="High" class="tf-icon ti ti-circle-number-3 ti-md cursor-pointer" style="color: #0d6efd;"></span>
    <span v-else-if="props.params.data.priorityRuleId == 1" title="Urgent" class="tf-icon ti ti-circle-number-1 ti-md cursor-pointer" style="color: #890dfd;"></span>
    <span v-else-if="props.params.data.priorityRuleId == 7" title="Low" class="tf-icon ti ti-circle-number-7 ti-md cursor-pointer" style="color: #15d7a3;"></span>
    <span v-else-if="props.params.data.priorityRuleId == 9" title="Minor" class="tf-icon ti ti-circle-number-9 ti-md cursor-pointer" style="color: #0dcaf0;"></span>
  </div>
</template>