{% include 'header.twig' %}


<div class="wrapper-content">
	<div class="wrapper-content__header"></div>
	<div
		class="wrapper-content__body">


			


		<!-- Main variables *content* -->
		{% if user["auth"] != 1 %}
			<div id="block_334">

				<div class="services-list ">
					<div class="bg"></div>
					<div class="divider-top"></div>
					<div class="divider-bottom"></div>
					<div class="container">
						<div class="row">
							<div class="col">
								<div class="services_filters services_filter-margin component_filter_button component_filter_form_group component_filter_card">
									<div class="card">
										<div class="row">
											<div class="col-md-auto mb-3 mb-md-0">
												<div class="dropdown">
													<a class="btn filter-primary w-sm-auto w-100 dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
														<span class="far fa-filter"></span>
														<span class="services-filter__active-category" data-filter-active-category="true"></span>
													</a>
													<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">

														<a class="dropdown-item" data-filter-category-id="All">All</a>
														{% for category in serviceCategory %}
															<a class="dropdown-item" data-filter-category-id="{{ category["category_id"] }}" data-filter-category-name="{{ category["category_name"] }}">{{ category["category_name"] }}</a>
														{% endfor %}
													</div>
												</div>
											</div>
											
											
											
								<div class="col-md-auto mb-3 mb-md-0">
                                       
                                                <a class="btn filter-primary w-sm-auto w-100 dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
                                                    
                                                    
                                                     <span class="services-filter__active-currency" data-filter-active-category="true">Select Currency</span> 
                                                    
                                                                 
                                                             </a>    
                                                                 
                                                                 
                                                                 
                                                                           
                                                       
                                                                 
                                                                 
                                                      
                                                                 

														<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
														{% for curr in currencies %}

																
																	<a class="dropdown-item" href="/pswcur/{{ curr["name"]}}" data-filter-category-name="{{ curr["name"]}}"> {{ curr["name"]}}</a>



															{% endfor %}

														
</div>

													
													
                                                           
                                                           
                                                       										  

                                                                 
                                                                       
                                           
                                        
                                    </div>
                                
                                
											
											
											
											
											
											
											
											<div class="col">
												<div class="input-group">
													<input type="text" class="form-control" data-search-service="#service-table-21">
													<span class="input-group-append component_button_search">
														<button class="btn btn-secondary" type="button" data-filter-serch-btn="true">
															<i class="far fa-search"></i>
														</button>
													</span>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="col">
								<div class="services-list__table">
									<div class="table-bg component_table" id="service-table-21">
										{% for category in serviceCategory %}
											<div class="table-wr table-responsive mb-3" data-filter-table-wrapper="{{ category["category_id"] }}">
												<table class="table">
													<thead>
														<tr>
															<th>ID</th>
															<th class="nowrap">Service</th>
															<th class="nowrap">Rate per 1000</th>
															<th class="nowrap">Min order</th>
															<th class="nowrap">Max order</th>
															{% if avarageTime %}
		<th class="nowrap" nowrap>
                                                <div class="d-flex align-items-center">
                                                    <span>Average time</span>
                                                    <span class="ml-1 mr-1 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>
                                                </div>
                                            </th>										{% endif %}
															<th class="hidden-xs hidden-sm service-description__th">Description</th>
														</tr>
													</thead>
													<thead>
														<th colspan="7" class="styles-services-default services-category">
														<img src="/img/psw_category_img/{{ category["category_icon"] }}.png" alt="pic" height="25px">&nbsp;	{{ category["category_name"] }}
														</th>
													</thead>
													<tbody>
														{% for service in category['services'] %}
															<tr data-filter-table-category-id="{{ category["category_id"] }}">
																<td data-label="ID" data-filter-table-service-id="{{ service["service_id"] }}">{{ service["service_id"] }}</td>
																<td data-label="Service" class="table-service" data-filter-table-service-name="true">{{ service["service_name"] }}</td>

																<td data-label="Rate per 1000">
																                       {{ service["service_price"] }}              


																</td>
																<td data-label="Min order">{{ service["service_min"] }}</td>
																<td data-label="Max order">{{ service["service_max"] }}</td>
																{% if avarageTime %}
                                        <td data-label="Average Time">{{ service["service_speed"] }}</td>
										{% endif %}
																<td>
																	{% if service["service_description"] %}
																		<!-- Modal -->
																		<div class="modal fade" id="servis{{ service["service_id"] }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
																			<div class="modal-dialog modal-dialog-centered" role="document">
																				<div class="modal-content">
																					<div class="modal-header">
																						<h5 class="modal-title" id="exampleModalLabel">{{ 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 text-left">
																						<p class="detail-data details-split-959">
																							{{ service["service_description"] }}</p>
																					</div>
																					<div class="modal-footer">
																						<button type="button" class="btn btn-actions" data-dismiss="modal">Close</button>
																					</div>
																				</div>
																			</div>
																		</div>
																		<a href="javascript:void(0)" class="btn btn-actions " data-toggle="modal" data-target="#servis{{ service["service_id"] }}">
																			View
																		</a>
																	{% endif %}
																</td>
															</tr>
														{% endfor %}
													</tbody>
												</table>
											</div>
										{% endfor %}


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


			</div>


		</div>
		<div class="wrapper-content__footer"></div>
	</div>
</div>{%  else %}


<!-- Main variables *content* -->
<div id="block_334">
	<div class="services-list ">
		<div class="bg"></div>
		<div class="divider-top"></div>
		<div class="divider-bottom"></div>
		<div class="container-fluid">
			<div class="row">
				<div class="col">
					<div class="services_filters services_filter-margin component_filter_button component_filter_form_group component_filter_card">
						<div class="card">
							<div class="row">
								<div class="col-md-auto mb-3 mb-md-0">
									<div class="dropdown">
										<a class="btn filter-primary w-sm-auto w-100 dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<span class="far fa-filter"></span>
											<span class="services-filter__active-category" data-filter-active-category="true"></span>
										</a>
										<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
											<a class="dropdown-item" data-filter-category-id="All">All</a>

											{% for category in serviceCategory %}
												<a class="dropdown-item" data-filter-category-id="{{ category["category_id"] }}" data-filter-category-name="{{ category["category_name"] }}">{{ category["category_name"] }}</a>
											{% endfor %}
										</div>
									</div>
								</div>
								
								
								
								
								<div class="col-md-auto mb-3 mb-md-0">
                                       
                                                <a class="btn filter-primary w-sm-auto w-100 dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
                                                    
                                                    
                                                     <span class="services-filter__active-currency">Select Currency</span> 
                                                    
                                                                 
                                                             </a>    
                                                                 
                                                                 
                                                                 
                                                                           
                                                       
                                                                 
                                                                 
                                                      
                                                                 

														<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
														{% for curr in currencies %}

																
																	<a class="dropdown-item" href="/cur/{{ curr["name"]}}"> {{ curr["name"]}}</a>



															{% endfor %}

														
</div>

													
													
                                                           
                                                           
                                                       										  

                                                                 
                                                                       
                                           
                                        
                                    </div>
                                
                                
								
								
								
								
								
								
								
								
								
								<div class="col">
									<div class="input-group">
										<input type="text" class="form-control" data-search-service="#service-table-334">
										<span class="input-group-append component_button_search">
											<button class="btn btn-secondary" type="button" data-filter-serch-btn="true">
												<i class="far fa-search"></i>
											</button>
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col">
					<div class="services-list__table">
						<div class="table-bg component_table " id="service-table-334">
							<div class="table-wr table-responsive mb-3 " data-filter-table-wrapper="{{ category["category_id"] }}">
								{% for category in serviceCategory %}
									<div class="table-wr table-responsive mb-3" data-filter-table-wrapper="{{ category["category_id"] }}">
										<table class="table">
											<thead>
												<tr>
													<th>ID</th>
													<th class="nowrap">Service</th>
													<th class="nowrap">Rate per 1000</th>
													<th class="nowrap">Min order</th>
													<th class="nowrap">Max order</th>
													{% if avarageTime %}
                                       <th class="nowrap" nowrap>
                                                <div class="d-flex align-items-center">
                                                    <span>Average time</span>
                                                    <span class="ml-1 mr-1 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>
                                                </div>
                                            </th>	
										{% endif %}
													<th class="hidden-xs hidden-sm service-description__th">Description</th>
												</tr>
											</thead>
											<thead>
												<th colspan="7" class="styles-services-default services-category">
													{{ category["category_name"] }}
												</th>
											</thead>
											<tbody>
												{% for service in category['services'] %}
													<tr data-filter-table-category-id="{{ category["category_id"] }}">
														<td data-label="ID" data-filter-table-service-id="{{ service["service_id"] }}">{{ service["service_id"] }}</td>
														<td data-label="Service" class="table-service" data-filter-table-service-name="true">{{ service["service_name"] }}</td>

														<td data-label="Rate per 1000">
																                       {{ service["service_price"] }}              


																</td>
														<td data-label="Min order">{{ service["service_min"] }}</td>
														<td data-label="Max order">{{ service["service_max"] }}</td>
														{% if avarageTime %}
                                        <td data-label="Average Time">{{ service["service_speed"] }}</td>
										{% endif %}
														<td>
															{% if service["service_description"] %}
																<!-- Modal -->
																<div class="modal fade" id="servis{{ service["service_id"] }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
																	<div class="modal-dialog modal-dialog-centered" role="document">
																		<div class="modal-content">
																			<div class="modal-header">
																				<h5 class="modal-title" id="exampleModalLabel">{{ 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 text-left">
																				<p class="detail-data details-split-959">
																					{{ service["service_description"] }}</p>
																			</div>
																			<div class="modal-footer">
																				<button type="button" class="btn btn-actions" data-dismiss="modal">Close</button>
																			</div>
																		</div>
																	</div>
																</div>
																<a href="javascript:void(0)" class="btn btn-actions " data-toggle="modal" data-target="#servis{{ service["service_id"] }}">
																	View
																</a>
															{% endif %}
														</td>
													</tr>
												{% endfor %}
											</tbody>
										</table>
									</div>
								{% endfor %}

							</div>

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

	<div class="modal fade " tabindex="-1" role="dialog" id="service-description-334">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<button class="close" type="button" data-dismiss="modal" aria-label="Close">
						<i style="color: #b4c6d3;" class="fas fa-times"></i>
					</button>
					<div class="service-description-content"></div>
				</div>
			</div>
		</div>
	</div>
</div></div>{%  endif %}{% include 'footer.twig' %}
