{% extends "base_with_list.html" %}

{% block content %}

<div class="content" id="dev-panel">
    <div>
        <input type="button" class="button" id="test-toast" value="Test toast">
        <input type="button" class="button" id="test-toast-success" value="Test toast success">
        <input type="button" class="button" id="test-toast-info" value="Test toast info">
        <input type="button" class="button" id="test-toast-warning" value="Test toast warning">
        <input type="button" class="button" id="test-toast-error" value="Test toast error">

        <input type="button" class="button" id="test-toast-success-content" value="Test toast content">
        <input type="button" class="button" id="test-toast-success-content-initializer" value="Test toast content initializer">
    </div>

    <div>
        <input type="button" class="button" id="test-modal-dialog" value="Test modal">
    </div>
</div>

<div id="hidden-templates">
    <div class="modal-test-message">
        This is a message.
    </div>

    <div class="toast-test-content">
        <span>Item 1</span>
        <span>Item 2</span>
    </div>
</div>

{% endblock %}