{% include 'header.twig' %}
<div class="container" style="
    width: 100%;
">
  <div class="row">
    <div class="col-lg-12">
       <div class="row " style="
    margin-top: 4em;
">
         <center><h1 class="pagetitle"><span>Social Media SMM Panel Services</span></h1></center>

      <div class="col-lg-12">
        <div class="card ">
               
            
		<div class="card-body fund_body">
      <div class="well well-float cont-up" style="
    -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    /* box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75); */
    background-color: #ffffff;
    margin-top: 1em;
">
        <table class="table order-table sol " >
          <thead>
          <tr>
            <th>ID</th>
            <th class="width-service-name">Service</th>
            <th class="nowrap">Rate per 1000</th>
            <th class="nowrap">Min order</th>
            <th class="nowrap">Max order</th>
                          <th class="hidden-xs hidden-sm width-40">Description</th>
                      </tr>
          </thead>
          <tbody>
              {% for category in serviceCategory %}
                <tr style="
    pointer-events: none;background-color: #ea454b85; color: black;
    font-size: 18px;
" >
                  <td colspan="6"><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>
					<td>{{ service["service_description"] }}</td>
                  </tr>
                {% endfor %}
              {% endfor %}

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



{% include 'footer.twig' %}
