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

// Access M_ShipperCfg_ID.identifier from C_Order.M_Shipper_ID via props.params.data.shipperCfgIdentifier
</script>

<template>
  <div class="wrappersmallogon">
    <img class="smalllogo1n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipperCfgIdentifier == 'DHL'" src="/assets/shipper/dhl_logo_small.svg">
    <img class="smalllogo2n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipper == 'DPD'" src="/assets/shipper/dpd_logo_small.png">
    <img class="smalllogo2n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipper == 'GLS'" src="/assets/shipper/gls_logo_small.svg">
    <img class="smalllogo3n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipperId == '1000002'" src="/assets/shipper/gelexpress.png">
    <img class="smalllogo3n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipperId == '1000005'" src="/assets/shipper/cargo_logo_small.png">
    <img class="smalllogo3n" alt="props?.params?.data?.shipper" v-if="props?.params?.data?.shipperId == '1000006'" src="/assets/shipper/dhlexpress.png">
  </div>
</template>

<style>
.wrappersmallogon {
  padding-left: 3px;
}

img.smalllogo1n {
  margin-top: 8px;
  margin-left: 2px;
}

.smalllogo2n {
  width: 70%;
  margin-top: 5px;
  margin-left: 7px;
}

.smalllogo3n {
  width: 130%;
  margin-top: 3px;
  margin-left: 3px;
}
</style>
