{% extends 'App::layout_admin.html.twig' %}

{% block body %}
  <div class="sidebar-layout-obfuscator"></div>
      <!-- Main section-->
      <main class="main-container">
        <!-- Page content-->
        <section>
          <div class="container-fluid">


            <div class="row clearfix">
              <div class="col-md-6">
                <h5 class="mt0">Categories</h5>
              </div>

              <div class="col-md-6">
                <a href="{{ path('app_category_new') }}" type="submit" class="btn btn-bg btn-primary pull-right">Ajouter</a>
              </div>


            </div>

            <hr />

            <p>{{ categories.getTotalItemCount }} elements</p>
            </hr>

            


            <div class="card">


            <table class="table table-striped table-bordered table-hover " id="editable" >
            <thead>
            <tr>
            
                <th style="width:50px;">Id</th>
                <th>Icon</th>
                <th>Parent</th>
                <th>Name</th>
                <th>Description</th>
                <th>Actions</th>

                
            </tr>
            </thead>
            <tbody>


           {% for item in categories %}

	            <tr class="gradeX">
                       
	                <td style="width:50px;">{{ item.id }}</td>

                    <td>{% if item.iosIcon %}<img  style="width:50px;" src="{{ item.iosIcon }}"/>{% elseif item.parent %}<img  style="width:50px;" src="{{ item.parent.iosIcon }}"/>{% else %}-{% endif %}</td>

                    <td>{% if item.parent %}{{ item.parent.name }}{% else %}-{% endif %}</td>

                    <td>{{ item.name }}</td>

                    <td>{% if item.content %}<span><span class="label label-primary">Description</span></span>{% else %}<span class="label label-default">Pas de description</span>{% endif %}</td>

                    <td>

                        <a class="btn btn-warning" href="{{ path('app_category_edit', { 'id': item.id }) }}"><i class="ion-edit"></i> Edit</a>
                   
                    </td>
				</tr>

			{% endfor %}



            </tbody>

            </table>




                <div class="navigation">
                    {{ knp_pagination_render(categories) }}
                </div>

           </div>
          </div>
        </section>
        <!-- Page footer-->
        <footer><span>2016 - RueduProf app.</span></footer>
      </main>
    </div>


{% endblock body %}

{% block javascripts %}

    <script type="text/javascript" >

    var current_url = window.location.href.toString();
    var dev_env = false;
    var domain = "";

    function init ()
    {
      console.log(current_url);
      if (current_url.includes("dev"))
      {
        dev_env = true;
        domain = "http://localhost:8888/web/app_dev.php";
      }
      else if (!current_url.includes("dev"))
      {
        dev_env = false;
        domain = "https://www.rueduprof.com";
      }
    }

    </script>
    <script  type="text/javascript"> 


    jQuery(document).ready(function()
    {
      init();


    });
    </script>     
{% endblock javascripts %}