.campaign.pbxx-card
.card
.image(:style="{backgroundImage: `url(${campaign_background})`}", @click="navigate()")
.brand {{ brand.name }}
.icons
.icon(v-if="campaign.popular")
el-tooltip(content="Popular", effect="light", placement="top")
.pbxx-icon.pbxx-icon-flamefire.pbxx-icon-hc-circle.pbxx-icon-hc-fw(@click.stop="navigate()")
.icon(v-if="local_ads_balance_loaded()")
el-tooltip(content="Local Ads", effect="light", placement="top")
.pbxx-icon.pbxx-icon-portable-wifi.pbxx-icon-hc-circle.pbxx-icon-hc-fw(@click.stop="navigate('localads')")
.icon(v-if="campaign.co_op_enabled")
el-tooltip(content="Add funds for reimbursement!", effect="light", placement="top")
.pbxx-icon.pbxx-icon-badge-check.pbxx-icon-hc-circle.pbxx-icon-hc-fw(@click.stop="navigate('localads')")
.info
.text-center
.name {{ truncated_campaign_name }}
.local_ads_balance(v-if="local_ads_balance_loaded()", @click="navigate('localads')")
span Local Ads Available: ${{ formated_local_ads_balance() }}
socials(:content="campaign.socials", :shares="campaign.invitation && campaign.invitation.socials", @navigate="navigate")
.footer
.dismiss.pull-left.dismissible(v-if="dismiss_interactable()")
el-tooltip(:content="dismissible_tooltip()", effect="light", placement="top")
i.pbxx-icon(:class="[dismiss_state()]", @click="dismissible_action")
a.pull-right.text-uppercase(@click="navigate()") view campaign