{% include 'header.twig' %}

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-12">
     <div class="col-sm-12">
      <div class="table-responsive">
        <table class="table service-tablwa service-tablwa-V2 service-well ">
                    <thead>
					 {% for category in serviceCategory %}
                        <tr class="catetitle" data-category="Clubhouse" visible="true">
						  <td colspan="8"><strong><i class="fa fa-{{ category["category_icon"] }}"></i> {{ category["category_name"] }}</strong></td>
            </tr>
			 {% for service in category['services'] %}
                  <tr class="thead-tr">
              <th>ID</th>
              <th class="width-service-name">Service</th>
              <th class="nowrap">Rate per 1000</th>
              
              <th class="nowrap">Min order/Max order</th>
             
                            <th class="nowrap">Average time
                <span class="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>
              </th>
                                          <th class="service-description__th">Description</th>
                          </tr>
          </thead> 
          <tbody >

        
                  <tr>
                    <td>{{ service["service_id"] }}</td>
                    <td>{{ service["service_name"] }}</td>
                    
                    <td>
                      {{ service["service_price"] }}
                    </td>
                    <td>{{ service["service_min"] }}/{{ service["service_max"] }}</td>
                    <td>{{ service["time"] }}</td>
					
               
					<td>{{ service["service_description"] }}</td>
                  </tr>
                {% endfor %}
              {% endfor %}

          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>



{% include 'footer.twig' %}
