.footer_widget.clearfix
.col-sm-6
.footer_widget-map
google_maps(:locations="locations", @place_hours='place_hours')
.footer_widget-address
p
| {{ address_1 }}
p(v-if="address_2")
| {{ address_2 }}
p
| {{ city_state_zip }}
.footer_widget-hours
el-tag.footer_widget-hours-tag(
v-if="open_now"
type="success"
size="mini"
) Open Now
el-tag.footer_widget-hours-tag(
v-else
type="danger"
size="mini"
) Closed
.footer_widget-hours-hours
p
| {{ daily_hours }}
.footer_widget-directions
a(:href="`http://maps.google.com/maps?saddr=${starting_address}&daddr=${destination_address}`", target='_blank')
| Get Directions
.footer_widget-locations(v-if="has_additional_locations")
a(v-on:click="toggle_show_more_locations()") View more locations
i.pbxx-icon.pbxx-icon-hc-lg.pbxx-icon-caret-down
.additional_locations(v-if="show_more_locations")
.additional_location(v-for="location in locations")
p
| {{ location.addr1 }}
p
| {{ location.city }} {{ location.state }} {{ location.zip }}
.col-sm-6
.footer_widget-social
a.footer_widget-social-link(
v-for="social_account in retailer.social_accounts"
target="_blank"
:href="`https://www.${social_account.type}.com/${social_account.name}`"
)
i(:class="`pbxx-icon pbxx-icon-${social_account.type} pbxx-icon-hc-fw pbxx-icon-hc-circle ${social_account.color}-background-color white-font-color`")
| @{{ social_account.name }}
a.footer_widget-social-link(
v-if="retailer.email"
:href="`mailto:${retailer.email}`"
)
i.pbxx-icon.pbxx-icon-local-post-office.pbxx-icon-hc-fw.pbxx-icon-hc-circle.blue-background-color.white-font-color
| {{ retailer.email }}
a.footer_widget-social-link(
v-if="retailer.phone"
:href="`tel:${retailer.phone}`"
)
i.pbxx-icon.pbxx-icon-hc-lg.pbxx-icon-local-phone
| {{ retailer.phone }}
a.footer_widget-social-link(
v-if="retailer.website"
target="_blank"
:href="`${retailer.website}`"
)
i.pbxx-icon.pbxx-icon-hc-lg.pbxx-icon-desktop-windows
| {{ retailer.website }}