{% macro categoryJavaScripts() %}
    <div id="dialog-email" class="hide">
        <div class="row">
            <div class="col-xs-12">
                <form id="form_email" novalidate class="form-horizontal" role="form" action="" method="post">
                <div class="form-group">
                    <label for="email" class="col-sm-3 control-label no-padding-right required">{{'contactforms.titles.email'|trans}}</label>
                    <div class="col-sm-9">
                        <div class="text-danger" id="email_error"></div>
                        <input type="text" name="email" id="email" />
                    </div>
                </div>
                <div class="space-4"></div>

                <div class="form-group">
                    <label for="email_type" class="col-sm-3 control-label no-padding-right required">{{'contactforms.titles.email_type'|trans}}</label>
                    <div class="col-sm-9">
                        <select name="email_type" id="email_type">
                            <option value="to">To</option>
                            <option value="cc">Cc</option>
                            <option value="bcc">Bcc</option>
                        </select>
                    </div>
                </div>
                <div class="space-4"></div>

                <div class="form-group">
                    <label for="email_active" class="col-sm-3 control-label no-padding-right required">{{'contactforms.titles.active'|trans}}</label>
                    <div class="col-sm-9">
                        <input type="checkbox" checked="checked" name="email_active" id="email_active">
                    </div>
                </div>
                <div class="space-4"></div>
                </form>
            </div>
        </div>
    </div>


    {#<script type="text/javascript">#}
        {#var contactUsCategory = new ContactUsCategory;#}

        {#jQuery(function($) {#}
            {#var jsonDataFormElement = $('#contactformsbundle_contactuscategorytype_emailsJson');#}
            {#contactUsCategory.setJsonDataFormElement( jsonDataFormElement );#}

            {#var emailsEncoded = jsonDataFormElement.val(); #}
            {#if(emailsEncoded) {#}
                {#contactUsCategory.setArray( $.evalJSON( emailsEncoded ) );#}
            {#}#}

            {#$('#btnAddEmail').click(function() {#}
                {#contactUsCategory.showAddEmailDialog();#}
            {#});#}
        {#});#}
    {#</script>#}
{% endmacro %}