• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24

<div class="header">
        <a href='#' class="close" @click.prevent="$emit('closeFreeTrialDialog')">✖</a>
        <h2>What language do you want to learn?</h2>
        <div class="cards" :class="{showall: showall}">
          <div class="card" 
            :data-href="`${cartLink}/us_en_store_view/freetrial/web/add/sku/${sku}/category_id/${card.code}?pc=${pc}`"
            v-for="card in cards" 
            :key='card.code'
            @click.prevent='handleClick' 
            :data-code='card.code'
            :style="{backgroundImage: 'url(/lp/img/freetrial-langs/small/' + card.code +'.png)'}">
            <div>{{  card.name }}</div>
            <div v-show='card.type'>({{ card.type }})</div>
          </div>
        </div>
        <select @change='handleChange'>
          <option             
            v-for="card in dropdownLanguages"
            :value='card.code'
            :key='card.code'>
              {{ card.fullname }}
          </option>
        </select>
      </div>