<div data-widget-id="{{ currentWidget.getWidgetId() }}" class="moto-widget moto-widget-integrations-acuity-scheduling {{ currentWidget.getAlignClass() }} {{ currentWidget.getSpacing('classes') }} {{ currentWidget.getVisibleOn('classes') }}" data-widget="integrations.acuity_scheduling">
    {% if currentWidget.properties.url|length == 0 %}
        {% if isPreview %}<div class="moto-widget-empty"></div>{% endif %}
    {% elseif currentWidget.properties.type == 'iframe' %}
        {% if isPreview %}
            <div class="moto-widget-empty"></div>
        {% else %}
            <iframe src="{{ currentWidget.getUrl() }}" width="100%" height="800" frameBorder="0"></iframe>
            <script src="https://d3gxy7nm8y4yjr.cloudfront.net/js/embed.js" type="text/javascript"></script>
        {% endif %}
    {% else %}
        {% if isPreview %}<div class="moto-widget-cover"></div>{% endif %}
        <div class="moto-widget moto-widget-button moto-preset-{{ currentWidget.properties.buttonProperties.preset }}">
            {% if isPreview %}
                <span class="moto-widget-button-link moto-size-{{ currentWidget.properties.buttonProperties.size }}"><span class="fa moto-widget-theme-icon"></span> <span class="moto-widget-button-label">{{ currentWidget.properties.buttonProperties.label }}</span></span>
            {% elseif currentWidget.properties.buttonProperties.target == 'popup' %}
                <button {% if not isPreview %} data-moto-acuity-scheduling-button ng-click="openAcuitySchedulingPopup('{{ currentWidget.getUrl() }}')" {% endif %}class="moto-widget-button-link moto-size-{{ currentWidget.properties.buttonProperties.size }}"><span class="fa moto-widget-theme-icon"></span> <span class="moto-widget-button-label">{{ currentWidget.properties.buttonProperties.label }}</span></button>
            {% else %}
                <a href="{{ currentWidget.getUrl() }}" target="{{ currentWidget.properties.buttonProperties.target }}" class="moto-widget-button-link moto-size-{{ currentWidget.properties.buttonProperties.size }}"><span class="fa moto-widget-theme-icon"></span> <span class="moto-widget-button-label">{{ currentWidget.properties.buttonProperties.label }}</span></a>
            {% endif %}
        </div>
    {% endif %}
</div>
