{% 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">
              <div class="col-md-4">
                <h5 class="mt0">Gérer les profiles <small>{{ profiles.getTotalItemCount }} elements</small></h5>
              </div>
              <div class="col-md-4">
                
              </div>
              <div class="col-md-4 text-right">
            
              </div>
            </div>


            <div class="card">

            <!--
              <div class="">
                <a class="btn btn-primary" href="{{ path('app_profile_new') }}">Add Profile</a>
              </div>
            -->


              <table class="table table-striped table-bordered table-hover " id="editable" >
                <thead>
                  <tr>
                    <th>Avatar</th>
                    <th>username</th>
                    <th>more</th>
                  </tr>
                </thead>
                <tbody>
                 {% for item in profiles %}
                   <tr class="gradeX">
                    {% if item.avatar and item.avatar.path %}
                      <td><img width="80" height="80" src="/uploads/avatar/{{ item.avatar.path }}"/></td>
                      {% else %}
                      <td><img width="80" height="80" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTrxwZhuShcQieycZ7U7thuj9cmUESbEffhVLc_EsxRJCLPDr7NUA"/></td>
                    {% endif %}
      
                 
                    <td>   {{ item.id }}<br />{% if item.user and item.user.username %}{{ item.user.username }}{% endif %}<br />
                      <b>{{ item.address }}</b><br />

                    <span class="center">
                      {% if item.user %}
                      {% if item.user.roles[0] == "ROLE_SUPER_ADMIN" %}
                        <span class="label label-danger">Admin</span>
                        {% else %}
                        {% if item.role == "ROLE_WEBMASTER" %}
                          <span class="label label-primary"><i class="fa fa-graduation-cap" aria-hidden="true"></i> Teacher</span>
                          {% elseif item.role == "ROLE_COMPANY" %}
                          <span class="label label-success"><i class="fa fa-user" aria-hidden="true"></i> Student</span>
                          {% else %}
                          <span class="label label-default"><i class="fa fa-user-secret" aria-hidden="true"></i> Anonymous</span>
                        {% endif %}
                      {% endif %}

                      {% endif %}
                    </span><br />
                    <i class="fa fa-clock-o text-default"></i> {{ item.modified|date('d/m/Y à H:i') }}

                    </td>

<td>
                                <div class="dropdown">
                                  <button class="btn btn-xs btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                    Action
                                    <span class="caret"></span>
                                  </button>
                                  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
                                    <li><a href="{{ path('app_profile_show', {'id': item.id }) }}"><i class="fa fa-eye"></i> Show</a></li>          
                                    <li><a href="{{ path('app_profile_edit', {'id': item.id }) }}"><i class="fa fa-edit"></i> Edit</a></li>
                                    <li><a href="{{ path('app_profile_delete', {'id': item.id }) }}"><i class="fa fa-times"></i> Delete</a></li>
                                  </ul>
                                </div>
                              </td>


                            </tr>
                          {% endfor %}
                        </tbody>
                      </table>
                <div class="navigation">
                    {{ knp_pagination_render(profiles) }}
                </div>

 </div>
        </section>
        <!-- Page footer-->
        <footer><span>2016 - RueduProf.</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"> 

    var ioniconCss = {
            icon: "icon",
            iconColumns: "ion-ios-list-outline",
            iconDown: "ion-chevron-down",
            iconRefresh: "ion-refresh",
            iconSearch: "ion-search",
            iconUp: "ion-chevron-up"
    }


    jQuery(document).ready(function()
    {
        init();
        jQuery.get( domain + '/api/all/users', function(data) 
        {
            var table = jQuery("#bootgrid-command-user tbody");
             jQuery.each(data, function(idx, elem)
             {


                table.append("<tr><td>"+elem.id+"</td><td>"+elem.email+"</td><td>"+elem.enabled+"</td><td>"+elem.device+"</td><td>"+elem.last_login+"</td><td>"+elem.created+"</td></tr>");
            });

        }).done(function(data) 
        {
            jQuery('#bootgrid-command-user').bootgrid({
                css: ioniconCss,
                formatters: {
                    commands: function(column, row) {
                        return '<button type="button" class="btn btn-flat btn-sm btn-info" data-row-id="' + row.id + '"><em class="ion-edit"></em></button>' +
                                        '<button type="button" class="btn btn-flat btn-sm btn-danger" data-row-id="' + row.id + '"><em class="ion-trash-a"></em></button>';
                    }
                }
            });

        });


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