{% block smart_gmap_widget %}
    <div id="{{ id }}">
        {{ form_widget(form.formatted_address) }}
        {{ form_widget(form.street_number) }}
        {{ form_widget(form.route) }}
        {{ form_widget(form.locality) }}
        {{ form_widget(form.postal_code) }}
        {{ form_widget(form.administrative_area_level_2) }}
        {{ form_widget(form.administrative_area_level_1) }}
        {{ form_widget(form.country) }}
        {{ form_widget(form.latitude) }}
        {{ form_widget(form.longitude) }}
    </div>

    {% if app.request.xmlHttpRequest == true %}
        <script>Smart.form.gmapAutoComplete.setup('{{ id }}');</script>
    {% else %}
        {{ append_js_code("$(function () {Smart.form.gmapAutoComplete.setup('" ~ id ~ "');});") }}
    {% endif %}
{% endblock %}

{% block date_widget %}
    <div class="input-group date datepicker-input">
        {{ form_widget(form) }}
        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
        {% if app.request.xmlHttpRequest == true %}
            <script>
                $('#{{ id }}').datepicker({
                    autoclose: true,
                    enableOnReadonly: false,
                    language: '{{ app.request.locale }}',
                    format: '{{ format }}',
                    todayHighlight: true
                });
                $('#{{ id }}').next('.input-group-addon').on('click', function () {
                    if ($('#{{ id }}').prop('disabled') === false) {
                        $('#{{ id }}').datepicker('show');
                    }
                });
            </script>
        {% else %}
            {{ append_js_code("$(function () {$('#" ~ id ~ "').datepicker({autoclose: true,enableOnReadonly: false,language: '" ~  app.request.locale ~ "',format: '" ~ format ~ "',todayHighlight: true}); $('#" ~ id ~ "').next('.input-group-addon').on('click', function () { if($('#" ~ id ~ "').prop('disabled') === false) {  $('#" ~ id ~ "').datepicker('show'); } });});") }}
        {% endif %}
    </div>
{% endblock %}

{% block smart_tinymce_widget %}
    {{ form_widget(form) }}

    {% if app.request.xmlHttpRequest == true %}
        <script>tinymce.init({{ js_options|raw }});</script>
    {% else %}
        {{ append_js_code("$(function () {tinymce.init(" ~ js_options|raw ~ ");});") }}
    {% endif %}
{% endblock %}

{% block smart_color_widget %}
    <div id="{{ id }}" class="input-group colorpicker-component">
        {{ form_widget(form) }}
        <span class="input-group-addon"><i></i></span>
    </div>

    {% if app.request.xmlHttpRequest == true %}
        <script>$('#{{ id }}').colorpicker({{ js_options|raw }});</script>
    {% else %}
        {{ append_js_code("$(function () {$('#" ~ id ~ "').colorpicker(" ~ js_options|raw ~ ");});") }}
    {% endif %}
{% endblock %}

{% block smart_fontawesome_widget %}
    <div id="{{ id }}" class="input-group iconpicker-container">
        {{ form_widget(form) }}
        <span class="input-group-addon"><i class="fa fa-archive"></i></span>
    </div>

    {% if app.request.xmlHttpRequest == true %}
        <script>$('#{{ id }} input').iconpicker({'templates': {'popover': '<div class=\"iconpicker-popover popover\"><div class=\"arrow\"></div><div class=\"popover-content\"></div></div>'}, 'defaultValue': '', 'placement': 'top', 'hideOnSelect': true});</script>
    {% else %}
        {{ append_js_code("$(function () {$('#" ~ id ~ " input').iconpicker({'templates': {'popover': '<div class=\"iconpicker-popover popover\"><div class=\"arrow\"></div><div class=\"popover-content\"></div></div>'}, 'defaultValue': '', 'placement': 'top', 'hideOnSelect': true});});") }}
    {% endif %}
{% endblock %}

{% block smart_select2_widget %}
    {{ form_widget(form) }}

    {% if app.request.xmlHttpRequest == true %}
        <script>Smart.form.select2.setup('{{ id }}', {{ js_options|raw }});</script>
    {% else %}
        {{ append_js_code("$(function () {Smart.form.select2.setup('" ~ id ~ "', " ~ js_options|raw ~ ");});") }}
    {% endif %}
{% endblock %}

{% block smart_switch_row %}
    <div class="form-group">
        {{ form_widget(form) }}
        {{ form_label(form) }}
    </div>
{% endblock %}

{% block smart_switch_label %}
    <span class="switch-label switch-label-{{ label_text_size }} switch-label-{{ label_display }}">
        {{- translation_domain is same as(false) ? label : label|trans({}, translation_domain) -}}
    </span>
{% endblock %}

{% block smart_switch_widget %}
    <label class="switch{% if size == 'small' %} switch-s{% endif %}">
        <input type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %}>
        <span class="slider"></span>
    </label>
{% endblock %}

{% block smart_country_widget %}
    {{ form_widget(form) }}

    {% if app.request.xmlHttpRequest == true %}
        <script>Smart.form.select2.setup('{{ id }}', {{ js_options|raw }});</script>
    {% else %}
        {{ append_js_code("$(function () {Smart.form.select2.setup('" ~ id ~ "', " ~ js_options|raw ~ ");});") }}
    {% endif %}
{% endblock %}