{% extends "SsoBackendBundle:token:base.html.twig" %}
{% form_theme delete_form ':Forms:bootstrap.layout.html.twig' %}

{% block title %}Attribute{% endblock %}

{% block body %}
    <div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h2>Do you really want to delete this attribute?</h2>
                </div>
                <div class="modal-body">
                    <p>You are about to delete one attribute, this procedure is irreversible.</p>
                    <p>Do you want to proceed?</p>
                    <p>We hope that you know what you do!</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                    <a href="#" class="btn btn-danger danger">Delete</a>
                </div>
            </div>
        </div>
    </div>

    <h2>Attribute</h2>
    <ul class="list-group">
        <li class="list-group-item">
            <div class="labelview">Id</div>
            {{ entity.id }}&nbsp;
        </li>
        <li class="list-group-item">
            <div class="labelview">Attribute Group</div>
            {{ entity.attributeGroup.name }}&nbsp;
        </li>
        <li class="list-group-item">
            <div class="labelview">Name</div>
            {{ entity.name }}&nbsp;
        </li>
        <li class="list-group-item">
            <div class="labelview">Is Mandatory</div>
            {{ entity.mandatory ? 'Yes' : 'No' }}&nbsp;
        </li>
        <li class="list-group-item">
            <div class="labelview">Possible Values</div>
            {{ entity.possibleValues|join(' / ') }}&nbsp;
        </li>
        <li class="list-group-item">
            <div class="labelview">Default Value</div>
            {{ entity.defaultValue }}&nbsp;
        </li>
        <li class="list-group-item">
            <div class="labelview">Is Translatable</div>
            {{ entity.translatable ? 'Yes' : 'No' }}&nbsp;
        </li>
    </ul>

    <ul class="record_actions clearfix">
        <li>
            <a class="btn btn-success" href="{{ path('_admin_backend_webservice_attributes') }}">
                Back to the list
            </a>
        </li>
        <li>
            <a class="btn btn-primary"
               href="{{ path('_admin_backend_webservice_attributes_edit', { 'attributeId': entity.id }) }}">
                Edit Attribute
            </a>
        </li>
        <li>
            <a class="btn btn-danger" data-toggle="modal" data-target="#confirm-delete"
               data-href="{{ path('_admin_backend_webservice_attributes_delete', { 'attributeId': entity.id}) }}"
               href="#">
                Delete Attribute
            </a>
            {#{ form(delete_form) }#}
        </li>
    </ul>
    <script>
        $(function () {
            $(".show-applications").click(function () {
                var me = $(this),
                    container = $("#applicationContainer");
                if (me.hasClass("btn-pressed")) {
                    me.removeClass("btn-pressed").button("reset");
                    container.slideUp("slow", function () {
                        container.empty();
                    });
                } else {
                    me.addClass("btn-pressed").button("hide");
                    container.hide().load(me.attr("href"), function () {
                        container.slideDown();
                    });
                }
                return false;
            });
            $("body").prepend($('<div id="messageContainer" />'));
        });
        $('#confirm-delete').on('show.bs.modal', function (e) {
            $(this).find('.danger').attr('href', $(e.relatedTarget).data('href'));
            //$('.debug-url').html('Delete URL: <strong>' + $(this).find('.danger').attr('href') + '</strong>');
        });
    </script>
{% endblock %}
