{% include 'header.twig' %}

<div class="container">
  <div class="row">
 
<h2 style="text-align: center;"><b>Current Price List</b></h2> <br>
        {% if site['service_speed'] == 2 %}

          <div class="top justify-content-center text-center">
            <span class="list">
              <span class="">
              <span style="color: #f24236;font-weight: 500; font-size:10px;" class="fa fa-arrow-down"></span>
              <span style="color: #f24236;font-weight: 500; font-size:10px;">: {{ lang['services.speed.veryslow'] }}</span></span>
              <span class="ml-4x">
              <span style="color: #fe6d86;font-weight: 500; font-size:10px;" class="fa fa-arrow-down"></span>
              <span style="color: #fe6d86;font-weight: 500; font-size:10px;">: {{ lang['services.speed.slow'] }}</span></span>
              <span class="ml-4x">
              <span style="color: #5696c9;font-weight: 500; font-size:10px;" class="fa fa-compress"></span>
              <span style="color: #5696c9;font-weight: 500; font-size:10px;">: {{ lang['services.speed.normal'] }}</span></span>
              <span class="ml-4x">
              <span style="color: #0dd887;font-weight: 500; font-size:10px;" class="fa fa-arrow-up"></span>
              <span style="color: #0dd887;font-weight: 500; font-size:10px;">: {{ lang['services.speed.fast'] }}</span></span>
            </span>
          </div><br>
 
        {% endif %}
    



<div class="container container-fixed">
  <div class="row">
    <div class="col-lg-12">
       
<div class="well-float">
      <div class="container-fluid container-main">
<table class=" table table-striped table-bordered table-checkable ">
<thead>
          <tr>
            <th>{{ 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>
          </tr>
          </thead>
          <tbody>
              {% for category in serviceCategory %}
                <tr style="background-color:#06080e;">
              <td colspan="6" style="color:#ffffff;"><strong><i class="fa fa-{{ category["category_icon"] }}"></i> {{ category["category_name"] }} </strong></td>
                </tr>
                {% for service in category['services'] %}
                  <tr>
                    <td>{{ service["service_id"] }}</td>
                    <td>{{ service["service_name"] }}</td>
                    <td>
                      {{ service["service_price"] }}
                    </td>
                    <td>{{ service["service_min"] }}</td>
                    <td>{{ service["service_max"] }}</td>
                  </tr>
                {% endfor %}
              {% endfor %}

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

<div class="container">
  <div class="row">
    <div class="col-md-8 col-md-offset-2">
    <div class="well ">
        {{ contentText }}
      </div>
    </div>
  </div>
</div>
  
{% include 'footer.twig' %}
