{% choice "show_bottom_banner" label="Show Bottom Banner?" value="No" choices="No, Yes", export_to_template_context=True %}

{% if widget_data.show_bottom_banner.value == "No" %}
    <style>
        .bottom-banner {
            display: none !important;
        }
    </style>
{% endif %}

{% image "bottom_banner" label="Bottom Banner Image" src="https://cdn2.hubspot.net/hubfs/429821/Banners/Homepage%20Banners/Valutrades-Header-4.png", export_to_template_context=True %}
<div class="bottom-banner" style="background-image: url({{widget_data.bottom_banner.src}});">
    <div class="page-center">
        <div class="row-fluid">
            <div class="span5">
                <div class="calendar">
                    <div class="icon-image">

                    </div>
                    <div class="left-text">
                         <h3>{% text "webinar_text" label="Event Label" value="Webinar" %}</h3>
                         <p>{% text "event_date" label="Event Date" value="June 20th" %}</p>
                    </div>
                </div>
                <div class="guest">
                    {% image "banner_guest" label="Banner Guest Image" src="https://cdn2.hubspot.net/hubfs/429821/daniele.png", export_to_template_context=True %}
                    <div class="guest-image" style="background-image: url( {{widget_data.banner_guest.src}} );">

                    </div>
                    <div class="left-text">
                        <h3>{% text "webinar_guest_text" label="Guest Label" value="Special Guest:" %}</h3>
                         <p>{% text "guest_info" label="Guest Info" value="Trading Pro<br>Daniel Schuetz" %}</p>
                    </div>
                </div>
            </div>
            <div class="span7">
                {% rich_text "right_bottom" label="Right Bottom Banner Content" html="<h3>Live Webinar: July 26th</h3><p>Market Analysis and Traders’ Clinic with special guest Paul Wallace</p>" %}
            </div>
        </div>
    </div>
</div>