unsatisfiableness

Back Back Up Advanced Editor

{% include 'header.twig' %}

<br>

<div class="container-fluid" >
  
    
	<div class="row services-page">
    <ul class="social-btn-wrap" id="dc-body">
        
        
      <li>
        <a class=" services-list-filter social-button brand-category" href="javascript:btnFltr('facebook');" data-services-filter="facebook"><i class="fab fa-facebook-f"></i> Facebook</a>
      </li>
      <li>
        <a class="services-list-filter social-button brand-category" href="javascript:btnFltr('twitter');" data-services-filter="twitter"><i class="fab fa-twitter"></i> Twitter</a>
      </li>
      <li>
        <a class="services-list-filter social-button brand-category" href="javascript:btnFltr('instagram');" data-services-filter="instagram"><i class="fab fa-instagram"></i> Instagram</a>
      </li>
      <li>
        <a class="services-list-filter social-button brand-category" href="javascript:btnFltr('youtube');" data-services-filter="youtube"><i class="fab fa-youtube"></i> Youtube</a>
      </li>
      <li>
        <a class="services-list-filter social-button brand-category" href="javascript:btnFltr('linkedin');" data-services-filter="linkedin"><i class="fab fa-linkedin"></i> Linkedin</a>
      </li>
      <li>
        <a class="services-list-filter social-button brand-category" href="javascript:btnFltr('tiktok');" data-services-filter="tiktok"><i class="fab fa-tiktok"></i> Tiktok</a>
      </li>
      <li>
        <a class="services-list-filter social-button brand-category" href="javascript:btnFltr('telegram');" data-services-filter="telegram"><i class="fab fa-telegram-plane"></i> Telegram</a>
      </li>
	    <li>
        <a class="services-list-filter social-button brand-category" href="javascript:btnFltr('spotify');" data-services-filter="spotify"><i class="fab fa-spotify"></i> Spotify</a>
      </li>
	    <li>
        <a class="services-list-filter social-button brand-category" href="javascript:btnFltr('soundcloud');" data-services-filter="soundcloud"><i class="fab fa-soundcloud"></i> Soundcloud</a>
      </li>
	    <li>
        <a class="services-list-filter social-button brand-category" href="javascript:btnFltr('traffic');" data-services-filter="traffic"><i class="fas fa-globe"></i> Website Traffic</a>
      </li>
	    <li>
        <a class="services-list-filter social-button brand-category" href="javascript:btnFltr();" data-services-filter=""<i class="fab fa-audible"></i> Everything</a>
      </li>
    </ul>
  </div>

<div class="col-lg-1 col-md-1 col-sm-2 col-xs-4 mt-15">
            <span class="input-group-btn-search">
              <button onClick="searchServices()" class="btn btn-default" data-filter-search-btn="true">
                <i class="fas fa-search"></i>
              </button>
            </span>
          </div>
          
          
          
                 <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 mt-15">
            <span class="input-group-btn-filter dropdown">
              <button class="btn btn-default" id="catFilter" onclick="showCatDrop()" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
                Filter By Category <i class="fas fa-sort-down"></i>
              </button>
              <div class="all_btn_cat_wrap dropdown-menu" id="catList" aria-labelledby="catFilter">
                                    <button  href="javascript:void(0);" onclick="javascript:filterService('All')" class="dropdown-item service-item">All</button>
                                                  
                                                  {% for category in serviceCategory %}                          <button href="javascript:void(0);" onclick="javascript:filterService('{{ category["category_name"] }}')" class="dropdown-item service-item">
                          {{ category["category_name"] }}            </button>
                        
                            {% endfor%}     
                        
                           </div>
            </span>
          </div>

</div>
      </div>
    </div>
  </div>

<div class="row">
    <div class="col-sm-12">
      <div class="ser-well">
        <div class="table-responsive">
          <table class="table app-mtable " id="serv-table">
                                          <thead class="table_head fliter34">
                  <tr class="catetitle cate-row">
                      <td colspan="7">
                          <h2>
                                 {{ category["category_name"] }}                          </h2>
                      </td>
                  </tr>
                  <tr class="thead-tr">
                    <th class="wd-10">ID</th>
                    <th class="wd-40 width-service-name">Service</th>
                    <th class="wd-10 nowrap">Rate per 1000</th>
                    <th class="wd-10 nowrap">Min order</th>
                    <th class="wd-10 nowrap">Max order</th>
                                      
                                                            <th class="service-description__th wd-10">Description</th>
                                                            <th></th>
                                      </tr>
                </thead>
                               
                               
                                <tbody>
                                     {% for category in serviceCategory %}
                  
                    <tr class="catetitle cate-row" data-category="{{ category["category_name"] }}">
                      <td colspan="8">
                        <strong> {{ category["category_name"] }}</strong>
                      </td>
                    </tr>
                    
                    
                                    
							
									{% for service in category['services'] %}
									<tr class="table-mobile-card serviceData" data-category="{{ category["category_name"] }}">
									    
									 <td class="app-col" data-title="ID">
                    <a class="favorite_btn" data-status="0" data-id="5207">
                      <i class="far fa-star"></i>
                    </a>
                    {{ service["service_id"] }}
                  </td>
                  <td class="app-col service-name pm-ikon" data-title="Services" title="Category: {{ category["category_name"] }}">
                    {{ service["service_name"] }}
                      </td>
                  <td class="app-col" data-title="Price Per 1000">
                                    {{ currency["symbol"]  }}  {{ service['service_price'] *currency["value"]   }}
                                      </td>
                  <td class="app-col" data-title="Min"><span class="badge min-badge">{{ service['service_min'] }}</span></td>
                  <td class="app-col" data-title="Max"><span class="badge max-badge">{{ service['service_max'] }}</span></td>
                                
                                    
									
                                   
									
                                            <td class="service-description app-col">
                                            
                                             <div class="tservice-des">
                                                 
                                                  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#serModal{{ service['service_id'] }}">
                      Details
                    </button>
                             
                                 
                            </div>
												
												<div class="modal fade" id="serModal{{ service['service_id'] }}">
													<div class="modal-dialog">
														<div class="modal-content">
														
															<div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">{{ service['service_id'] }} - {{ service["service_name"] }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                              <span aria-hidden="true">×</span>
                            </button>
                          </div>
															
															<div class="modal-body">
																{{ service["service_description"] }}		  
															</div>
															
														</div>
													</div>
												</div> 
											  </td>
											  
											  
											  
											</tr>
											{% endfor %}					
										</tbody>
										
									{% endfor%}	
										
									</table>

</div>
					</div>
				</div>
			</div>
		</section>
	</div>
</div>

$(".pm-ikon").each(function() {
				var ico = ikon($(this).text());
				$(this).html(ico + $(this).text() );
				console.log($(this).text());
		});	
});

</script>
<script>
      function filterService(category) {
        if (category == 'All')
          $('tbody tr.hidden').removeClass('hidden');
        else {
          $('tbody tr').addClass('hidden');
          $('tbody tr[data-category="' + category + '"]').removeClass('hidden');
        }
        removeEmptyCategory();
      }

{% include 'footer.twig' %}