<template>
  <Card>
    <div
      class="project has-shadow hand-hover"
      @click="openExternalUrl(openUrl)"
    >
      <Row>
        <Col
          :span="1"
        >
          <div>
            <img
              :src="logoUrl"
              class="image img-fluid"
            >
          </div>
        </Col>

        <Col
          :span="22"
        >
          <div>
            <div class="text ml-5">
              <h4 class="h4 mb-1">
                {{ title }}
              </h4>
              <div>{{ subtitle }}</div>
            </div>
          </div>
        </Col>
      </Row>
    </div>
  </Card>
</template>

<script>

export default {
  name: 'ShopManagerWidget',
  data() {
    return {
      logoUrl: 'https://cms.autoshopee.com/uploads/shop_manager_logo_0928c6e4ff.png',
      title: 'Shop Manager (Shopee Lazada Tiktok) | chỉ 250k/tháng tặng kèm AutoShopee Kit',
      subtitle: 'Phần mềm quản lý đơn hàng và tin nhắn nhiều shop cùng một lúc cài đặt trên máy tính',
      openUrl: 'https://manager.autoshopee.com',
    };
  },
};
</script>

<style scoped>

</style>
