{% if editmode %}

    <div class="block" style="border:2px dotted #ccc; background:#efefef" >
        <h3>Modaler Dialog</h3>

        <p>Sichtbarkeit ist zunächst immer auf display:none. Muss manuell getriggert werden.</p>
        <div>
            Titel:
            {{ pimcore_input("modal-title") }}
        </div>
        <div>
            ID:
            {{ pimcore_input("modal-id") }}
        </div>
        <div>
            Inhalt:
            {{  pimcore_wysiwyg("modal-body") }}
        </div>
        <div>
            Steuerungsscript
            {{ pimcore_input("modal-script") }}
        </div>
    </div>

{% else %}
    <div class="modal" tabindex="-1" role="dialog" id="{{ pimcore_input("modal-id") }}">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">{{ pimcore_input("modal-title") }}</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ pimcore_wysiwyg("modal-body") }}
                </div>
                <div class="modal-footer">
                </div>
            </div>
        </div>
    </div>
    <div class="modal-backdrop"></div>
    {% if pimcore_input("modal-script").isEmpty() != true %}
        <script src="{{ pimcore_input("modal-script") }}" type="text/javascript">
    {% endif %}
{% endif %}