<template>
  <b-container class="d-flex flex-column justify-content-center">
    <b-row class="rounded-3 logo-landing m-0">
      <b-col cols="12" lg="6" class="landing-image">
        <div class="h-100 d-flex flex-column align-items-center justify-content-center py-4">
          <b-img :src="companyLogo" class="icon-size-5" />
        </div>
      </b-col>
      <b-col cols="12" lg="6" class="bg-white logo-landing-content">
        <slot />
      </b-col>
    </b-row>

    <div class="mt-3 text-center">
      <p class="text-black-50 font-italic font-weight-bold mb-2">{{ $t('Login.Landing.MobileAppDownload.Label') }}</p>
      <div>
        <b-img :src="playStoreLogo" class="mr-2"></b-img>
        <b-img :src="appleStoreLogo"></b-img>
      </div>
    </div>
  </b-container>
</template>

<script>
import AppleStoreLogo from '@/assets/img/apple-store.png'
import PlayStoreLogo from '@/assets/img/play-store.png'
export default {
  name: 'EvoLanding',
  data() {
    return {
      appleStoreLogo: AppleStoreLogo,
      playStoreLogo: PlayStoreLogo,
      companyLogo: this.$const.constImage.COMPANY_LOGO,
    }
  },
}
</script>
