{% 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">Skills <small>{{ profiles.getTotalItemCount }} elements-</small></h5>
              </div>

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


            </div>



            <div class="card">




            
    

            <table class="table table-striped table-bordered table-hover " id="editable" >
            <thead>
            <tr>
            
                <th style="width:50px;">Id</th>
                <th></th>
                <th>Skill</th>
                <th>Price</th>
                <th>User</th>
                

                
            </tr>
            </thead>
            <tbody>


           {% for item in profiles %}

	            <tr class="gradeX">
                       
	                <td style="width:50px;">{{ item.id }}</td>
                    <td style="width:100px;">{% if item.category and item.category.parent and item.category.parent.iosIcon %}<img width="100" src="{{ item.category.parent.iosIcon }}"/>{% endif %} </td>
                     <td>{{ item.category.name }}<br />
                            {% if item.primaire > 0 %}<span class="label label-primary">Primaire</span>{% endif %}
                            {% if item.college > 0 %}<span class="label label-primary">College</span>{% endif %}
                            {% if item.lycee > 0 %}<span class="label label-primary">Lycée</span>{% endif %}
                            {% if item.superieur > 0 %}<span class="label label-primary">Supérieur</span>{% endif %}
                            <br />
                            <p style="font-size:11px;">{{ item.content|nl2br }}</p>
                            {% if item.profile and item.profile.address %}<p><i class="ion-ios-location"></i> {{ item.profile.address }}</p>{% endif %}
                     </td>
                     <td style="font-weight:800; font-size:20px;">{% if item.pricePerHour > 0 %}{{ item.pricePerHour }} <sup>€/Heure</sup>{% endif %}</td>

    <td>{% if item.profile.role == 'ROLE_WEBMASTER' %}<span class="label label-primary">Teacher</span>{% else %}<span class="label label-success">Student</span>{% endif %}<br /><a href="{{ path('app_profile_show', {'id': item.profile.id }) }}">{{ item.profile.firstname }} {{ item.profile.lastname }}</a>{% if item.profile and item.profile.user and item.profile.user.email %}<br /><small>{{ item.profile.user.email }}{% endif %}</small></td>

                   
	              
				</tr>

			{% endfor %}



            </tbody>

            </table>

                <div class="navigation">
                    {{ knp_pagination_render(profiles) }}
                </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 %}