{% extends "::base.html.twig" %}
{% form_theme form inline_form_theme %}

{% block title 'List Of SubCategories' %}

{% block content %}
<div class="panel panel-primary">
    <div class="panel-heading">
        <div class="col-md-3 center center-text">
            <span class="label">List Of SubCategories</span>
        </div>
    </div>
    <div class="panel-body">
        {{ form(form) }}

        <table class="table table-bordered table-striped table-hover" style="margin-top: 5px;">
            <colgroup>
                <col style="width: 30%;"><col style="width: 35%;">
                <col style="width: available;">
            </colgroup>
            <thead>
                <tr>
                    <th>{{ knp_pagination_sortable(pagination, 'SubCategory',  's.name') }}</th>
                    <th>Linked Categories</th><th>Linked Indicators</th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td colspan="3">{{ knp_pagination_render(pagination) }}</td>
                </tr>
            </tfoot>
            <tbody>
                {% for scat in pagination %}
                {% set id = scat.getId() %}
                <tr>
                    <td>
                        {{ scat.getName() }}<br/>
                        <div class="btn-group">
                            <button type="button" class="{{ grey_sm_btn }} dropdown-toggle" data-toggle="dropdown">
                                Manage <span class="caret"></span>
                            </button>
                            <div class="dropdown-menu" role="menu">
                                <a class="{{ gen_btn }}" href="{{ path('scat_edit', {'id': id}) }}">Edit</a>    
                                <a data-toggle="modal" class="{{ gen_btn }}" href="#myModal{{ id }}">Delete</a>
                                <a class="{{ gen_btn }}" href="{{ path('scat_cat', {'scat': id}) }}">Edit Categories</a>
                                <a class="{{ gen_btn }}" href="{{ path('scat_ind_link', {'id': id}) }}">Edit Indicators</a>
                                <a class="{{ gen_btn }}" href="{{ path('scat_merge', {'id': id}) }}">Merge</a>
                            </div>
                        </div>
                            
                        {{ include('AlsuiteProjectBundle:SubCategory:del.html.twig',
                            {'id': id, 'action': 'Delete', 'object': 'SubCategory',
                            'route': path('scat_del', {'id': id})})
                        }}
                    </td>
                    <td>
                        {% for linkage in scat.getLinkedCategories() %}
                        {{ linkage.getCategory().getName() }}, 
                        {% endfor %}
                    </td>
                    <td>
                        {% for linkage in scat.getLinkedIndicators() %}
                        {{ linkage.getIndicator().getName() }}, 
                        {% endfor %}
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="3">
                        There are either no sub-categories or none that match your search criteria.<br/>
                        <a class="{{ blue_sm_btn }}" href="{{ path('scat_create') }}">Create A SubCategory</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}
    
{% block javascripts %}
{{ form_javascript(form) }}
<script type="text/javascript">
    $('#form_category').css('width', '300px');
    $('#form_name').css('width', '200px');
</script>
{% endblock %}