{% include 'header.twig' %}
<div class="container">
   <div class="row">
      <div class="col-lg-12">
         <div class="well">
		 <div class="table-responsive">
            <table class="table ">
               <thead>
                  <tr>
                     <th class="nowrap">{{ lang['services.id'] }}</th>
                     <th class="width-service-name">{{ lang['services.name'] }}</th>
                     <th class="nowrap">{{ lang['services.price'] }}</th>
                     <th class="nowrap">{{ lang['services.min'] }}</th>
                     <th class="nowrap">{{ lang['services.max'] }}</th>
                     
                     <th class="nowrap" nowrap><div class="d-flex align-items-center">
                                                    <span>Average time</span>
                                                    <span class="ml-1 mr-1 fa fa-exclamation-circle" data-toggle="tooltip" data-placement="top" title="The average time is based on 10 latest completed orders per 1000 quantity."></span>
                                                </div>
                                            </th>
                     
                     <th class="nowrap t-r">{{ lang['neworder.description'] }}</th>
                  </tr>
               </thead>
               <tbody>
                  {% for category in serviceCategory %}
                  <tr>
                     <td colspan="6"><strong>{{ category["category_name"] }}</strong></td>
                  </tr>
                  {% for service in category['services'] %}
                  <tr>
                     <td class="nowrap" data-label="ID" data-filter-table-service-id="{{ service["service_id"] }}"><span id="service-{{ service["service_id"] }}">{{ service["service_id"] }}</span>
                                        <a>
                                            <span
                                                data-clip="true"
                                                title="Service id copied"
                                                data-clipboard-action="copy"
                                                data-clipboard-target="#service-{{ service["service_id"] }}"
                                                class="fas fa-clone"></span>
                                        </a></td>
                     <td data-label="Service" class="table-service" data-filter-table-service-name="true">{{ service["service_name"] }}</td>
                    
                    <td>
                      
{{service["service_price"]}}
                      

                    </td>
                    <td>{{ service["service_min"] }}</td>
                    <td>{{ service["service_max"] }}</td>
                    
                    <td>{{ service["time"] }}</td>
                     
                      <td>
                    {{ service["service_description"] }}
                   
                        </td>
                  </tr>
                  
                  {% endfor %}
                  {% endfor %}
               </tbody>
            </table>
         </div>
      </div>
   </div>
</div>
{% if contentText %}
<div class="container">
   <div class="row">
      <div class="col-md-8 col-md-offset-2">
         <div class="well ">
            {{ contentText }}
         </div>
      </div>
   </div>
</div>
{% endif %}
{% include 'footer.twig' %}