{% 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">

            <h5>Statistiques du jour</h5>
            <hr />

            <div class="row" style="font-size:16px;">
              <div class="col-sm-3">
                  <span>Profiles</span><strong style="font-size:20px;color:#2980b9;" class="pull-right">{{ stats.profileCountToday }}</strong>
                  <div style="clear:both;"></div>
              </div>

              <div class="col-sm-3">
                  <span>Users</span><strong style="font-size:20px;color:#2980b9;" class="pull-right">{{ stats.userCountToday }}</strong>
                  <div style="clear:both;"></div>
              </div>

              <div class="col-sm-3">
                  <span>Bookings</span><strong style="font-size:20px;color:#2980b9;" class="pull-right">{{ stats.bookingCountToday}}</strong>
                  <div style="clear:both;"></div>
              </div>

              <div class="col-sm-3">
                  <span>Skills</span><strong style="font-size:20px;color:#2980b9;" class="pull-right">{{ stats.skillsCountToday }}</strong>
                  <div style="clear:both;"></div>
              </div>

            </div>

            <div class="row" style="font-size:16px;">

              <div class="col-sm-3">
                  <span>Certifications</span><strong style="font-size:20px;color:#2980b9;" class="pull-right">{{ stats.certificationsCountToday }}</strong>
                  <div style="clear:both;"></div>
              </div>
              <div class="col-sm-3">
                  <span>Recommendations</span><strong style="font-size:20px;color:#2980b9;" class="pull-right">{{ stats.recommendationsCountToday }}</strong>
                  <div style="clear:both;"></div>
              </div>
            </div>


            <hr />
            <h5 class="mt0">Les utilisateurs</h5>

            <div class="card">
              <div class="table-responsive bootgrid">


                <table id="bootgrid-command-user" class="table table-striped table-vmiddle">


                  <thead>
                    <tr>
                      <th data-column-id="id" data-type="numeric">ID</th>
                      <th data-column-id="email">Email</th>
                      <th data-column-id="enable">Enabled</th>
                      <th data-column-id="ios">iOS</th>
                      <th data-column-id="last_login">Last login</th>
                      <th data-column-id="created">Created</th>
                      <th data-column-id="commands" data-formatter="commands" data-sortable="false">
                        <div class="text-right">Commands</div>
                      </th>
                    </tr>
                  </thead>


                  <tbody>
               
                  </tbody>


                </table>


              </div>
            </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 %}