{% 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">Documents</h5>
              </div>

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


            </div>

            <hr />




            <div class="card">
            <table class="table table-striped table-bordered table-hover " id="editable" >
            <thead>
            <tr>
            
                <th style="width:40px;">Id</th>
                <th>Images</th>
                <th>Path</th>
                <th style="width:80px;">Actions</th>
        

                
            </tr>
            </thead>
            <tbody>


           {% for item in documents %}

              <tr class="gradeX">
                       
                  <td style="width:40px;">{{ item.id }}</td>
                  <td><img width="120px;" src="/uploads/avatar/{{ item.path }}"/></td>
                  <td><i class="ion-link"></i> https://www.rueduprof.com/uploads/avatar/{{ item.path }}</td>
                  <td style="width:80px;">

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

            
                
        </tr>

      {% endfor %}



            </tbody>

            </table>
                <div class="navigation">
                    {{ knp_pagination_render(documents) }}
                </div>
            </div>
          </div>
        </section>
        <!-- Page 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 %}