<template>
    <div>
        <section class="section ">
            <div class="columns is-centered">
                <div class="column explore-details">
                    <div class="columns">
                        <div class="column">
                            <img class="imgdeals-details" :src="require('../assets/img/ourdeals/'+ourdeals_details.category+'/'+ourdeals_details.ourdeal_name+'.png')">
                        </div>
                        <div class="column">
                            <h2 class="headline-ourdeals">
                                {{ourdeals_details.headline}}
                            </h2>
                        </div>
                    </div>
                    <div class="content font-content">
                        {{ourdeals_details.short_paragraph}}
                    </div>
                    <div v-for="item in ourdeals_details.deals" v-bind:key="item.id">
                        <div class="columns">
                            <div class="column is-one-quarter">
                                    {{item.ourdeal.ourdeal_name}}
                                  <img class="imgbox light-color" :src="require('@/assets/img/ourdeals/airlines/All Nippon Airways.png')">
                            </div>
                            <div class="column">
                                <h3 class="headline-ourdeals">{{item.deals_title}}</h3>
                                <div class="content font-content">
                                    {{item.deals_description}}
                                </div>
                            </div>
                        </div>
                        <hr class="line">
                    </div>
                </div>
            </div>
        </section>
    </div>
</template>
<script>
export default {
    name: 'ExpandOurDeals',
    props: {
      ourdeals_details: Object
    },
    methods: {
      trackClick(act, label){
        this.$ga.event({
          eventCategory: 'Detail Exhibitor',
          eventAction: 'Click '+act,
          eventLabel: label
        })
      },
    },
    mounted(){
       // console.log(this.deals)
    }
}
</script>
<style>
@font-face {
        font-family: 'Museo Sans 300';
        src: url('../assets/fonts/MuseoSans-300.woff2') format('woff2'),
            url('../assets/fonts/MuseoSans-300.woff') format('woff'),
            url('../assets/fonts/MuseoSans-300.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
    }
    @font-face {
        font-family: 'Museo Sans 500';
        src: url('../assets/fonts/MuseoSans-500.woff2') format('woff2'),
            url('../assets/fonts/MuseoSans-500.woff') format('woff'),
            url('../assets/fonts/MuseoSans-500.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    .exhibitor-container .explore-details {
      min-height: 120px;
      margin-bottom: 0 !important;
    }
    .headline-ourdeals{
        font-family : 'Museo sans 500';
        font-size:28px;
        color:#000;
    }
    .imgdeals-details{
        margin-top:-50px;
        width:230px;
    }
    .font-content{
        font-family : 'Museo sans 300';
        font-size:18px;
        color:#000;
    }
</style>