{% extends 'AdminBundle:Admin:adminLayout.html.twig' %}
{% import "ContactFormsBundle:ContactUsCategory:_helpers.html.twig" as categoryHelpers %}

{% block head %}
    {{ parent() }}
    {{ backendHelpers.bazingajsTranslationJavaScripts() }}
    <link rel="stylesheet" href="{{ asset('bundles/admin/assets/css/jquery-ui-1.10.3.full.min.css') }}" />
{% endblock %}

{% block js_files %}
    {{ parent() }}
    .script('{{ asset('bundles/admin/js/jquery.json-2.4.min.js') }}')
    .script('{{ asset('bundles/admin/assets/js/jquery-ui-1.10.3.full.min.js') }}')
    .script('{{ asset('bundles/admin/assets/js/jquery.ui.touch-punch.min.js') }}')
    .script('{{ asset('bundles/contactforms/js/category.js') }}')
{% endblock %}


{% block js_document_ready %}
    {{ parent() }}
    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();
        });
    });
{% endblock %}

{% block bottomScripts %}
    {{ parent() }}
    {{ categoryHelpers.categoryJavaScripts() }}
{% endblock %}

{% block breadcrumb %}
    {{ backendHelpers.breadcrumb({ 
        ("contactforms.titles.contact_form"|trans) : (path(paths.home)),
        ("contactforms.titles.categories"|trans) : (path(paths.index)),
        ("contactforms.titles.category_creation"|trans) : ''
    }) }}
{% endblock %}

{% block content %}

    {{ backendHelpers.pageTitle( "contactforms.titles.category_creation"|trans ) }}

    <div class="actionButtons">
        {{ backendHelpers.addActionButton(path(paths.index), paths.index, ('admin.titles.list'|trans), 'btn-light', 'icon-list' )}}
    </div>

    {%if form_errors(form)%}
    {{ form_errors(form) }}
    {%endif%}
    
    <div class="row">
        <div class="col-xs-12">
            <form novalidate class="form-horizontal" role="form" action="{{form.vars.action}}" method="post" {{ form_enctype(form) }}>
                {{ form_row(form.name) }}
                {{ form_rest(form) }}
                
                <div class="form-group">
                    <label for="email" class="col-sm-3 control-label no-padding-right required">{{'contactforms.titles.emails'|trans}}</label>
                    <div class="col-sm-9">
                        <div>
                            <button id="btnAddEmail" type="button" class="btn btn-xs btn-grey">
                                <i class="icon-plus"></i>
                                {{'contactforms.titles.add_email'|trans}}
                            </button>
                        </div>
                        <br />
                        <div id="email_grid"></div>
                    </div>
                </div>
                    
                <div class=" form-actions">
                    <div class="pull-right">
                        <button type="submit" name="submit" class="btn btn-info">
                            <i class="icon-ok bigger-110"></i>
                            {{'admin.titles.add'|trans}}
                        </button>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </form>
        </div>
    </div>

{% endblock %}