unsatisfiableness

Back Back Up Advanced Editor

{% include 'header1.twig' %}

<div class="not-authenticate">
<section class="top-hero signupPage">
<div class="container">
<style type="text/css">
.well {
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.08)
}    
.thead-dark th {
    background: none;
    color: #333333;
}
    .top-hero {
        padding-top: 20px;
    }
.icon{ position:static; }    
</style>
<div class="row">
<div class="col-md-5 col-md-offset-7">
<div class="row">
<div class="col-md-6" style="padding-right: 0px;">
<div class="dropdown  pull-right">
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color: #01487f;color: #fff;margin-top: 0px;height: 40px;">
<i class="fa fa-filter"></i> <span class="text">Filter Services</span>
</button>

<ul class="dropdown-menu">
									 <li><a href="javascript:void(0);" onclick="javascript:filterService('All')">{{lang["smmspot.services.filter.item.1"]}}</a></li>	
									  {% for category in serviceCategory %}
									 <li><a href="javascript:void(0);" onclick="javascript:filterService('{{ category["category_name"] }}')">{{ category["category_name"] }}</a></li>
									  {% endfor%} 	
								   </ul>

</div>
</div>
<div class="col-md-6 pull-right" id="srchdiv" style="padding-left: 0px;">
<input style="border: 1px solid #01487f;height: 40px;" type="text" name="search" id="serv-inp" class="form-control" value="" placeholder="Search services">
	
</div>
</div>
</div>

<div class="col-lg-12">
<div class="well">
<div class="panel panel-default">
<div class="table-responsive">
                            <table id="serv-table" class="table table-bordered services-table">
                                <thead>
                                    <tr>
                                       <th>ID</th>
<th>Service</th>
<th>Rate</th>
<th>Min order</th>
<th>Max order</th>
<th></th>
</tr>
                                    </tr>
                                </thead>
                                <tbody>
								{% for category in serviceCategory %}
                                    <tr class="services-header" data-category="{{ category["category_name"] }}">
                                        
                                        <td colspan="7" class="theme-bg social-title" style="background-color: #01487f;color: #e9ebee;font-size: 18px;">
<span style="font-family:'Font Awesome 5 Free','Font Awesome 5 Brands';" sname="{{ category["category_name"] }}"></span>{{ category["category_name"] }}</td>
                                       
                                    </tr>
									{% for service in category['services'] %}
                                    <tr class="table-mobile-card serviceData" data-category="{{ category["category_name"] }}">
                                        <td data-title="ID">{{ service["service_id"] }}</td>
                                        <td data-title="Service" class="pm-ikon">{{ service["service_name"] }}</td>
                                        <td data-title="1000 Number">    {{ currency["symbol"]  }}  {{ service['service_price'] *currency["value"]   }}</td>
                                        <td data-title="Minimum" class="text-success">{{ service["service_min"] }}</td>
                                        <td data-title="Maksimum" class="text-danger">{{ service["service_max"] }}</td>
										
										
										
										
                                         <td>
                                           
                                           
                                           
                                            <a  class="btn btn-primary icon viewMore"  data-toggle="modal" data-target="#servisDetay{{ service["service_id"] }}">
<i class="fa fa-info-circle"></i>
</a>
                                            
                                       
											<div class="modal fade" id="servisDetay{{ service["service_id"] }}">
												<div class="modal-dialog">
													<div class="modal-content">

<div class="modal-header">
															<h4 class="modal-title">{{ service["service_name"] }}</h4>
														</div>

<div class="modal-body">
															{{ service["service_description"] }}		  
														</div>
														  <div class="modal-footer">
														      
														      
														      
															  <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
															 
														  </div>
													</div>
												</div>
											</div> 
                                        </td>
                                    </tr>
                                  {% endfor%}	
								{% endfor%}	
                                </tbody>
                            </table>
                        </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();
      }