{% extends "::layout.html.twig"%}
{% block title %}:: Category ::{% endblock %}

{% block body %}

<section id="page-title" style="padding: 16px 0;">
  <div class="row">
    <div class="col-sm-8">
       <h2 class="mainTitle"><i class="ti-tag" style="color: #007aff !important;font-size: 24px;"></i> Category List </h2>
    </div>
  </div>
</section>
<div class="container-fluid container-fullw ">
    <div class="row">
        <div class="col-md-12">
            
            
           <div class="panel panel-white" id="panel6">
               <div class="panel-body">
                   <div class="col-md-12 space20">
                <a href="{{ path('category_create') }}" class="btn btn-primary">
                    <i class="fa fa-plus"></i> New Category
                </a>
            </div>
                   <table id="sample_1" class="table table-striped table-bordered table-hover table-full-width">
                            <thead>
                                <tr>
                                    <th>Category name</th>
                                    <th>Parent</th>
                                    <th style="width: 2%">MAKE DECISION</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>Category name</th>
                                    <th>Parent</th>
                                      <th style="width: 2%">MAKE DECISION</th>
                                </tr>
                            </tfoot>
                            <tbody>
                    {% for entity in entities %}
                                <tr>
                                    <td style="width: 49%">{{ entity.titre }}</td>
                                    <td style="width: 49%">{{ entity.parent }}</td>
                                  
                                    <td style="width: 2%"><div class="dropdown">
                                            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="false">
                                                Action
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                                <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('category_edit', { 'salt': entity.salt }) }}">Edit Category</a></li>     
                                                <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('category_delete', { 'salt': entity.salt }) }}">Delete Category</a></li>
                                            </ul>
                                        </div></td>
                                </tr>
                   {% endfor %}
                            </tbody>
                        </table>
               </div>
           </div>
        </div>
    </div>
</div>

{% endblock %}{# empty Twig template #}