{% extends 'shared/list.html.twig'%}

  {% block table %}
						<table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_ecommerce_products_table">
											<thead>
												<tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
												  <th class="min-w-200px">Product</th>
													<th class="text-end min-w-100px">SKU</th>
													<th class="text-end min-w-70px">Qty</th>
													<th class="text-end min-w-100px">Price</th>
													<th class="text-end min-w-100px">Status</th>
													<th class="text-end min-w-70px">Actions</th>
												</tr>
											</thead>
											<tbody class="fw-semibold text-gray-600">
												{% for item in pagination.items %}
												<tr>
													 <td>
														<div class="d-flex align-items-center">
															<!--begin::Thumbnail-->
															<a href="{{ path('app_product_edit',{'uuid':item.item_uuid})}}" class="symbol symbol-50px">
																<span class="symbol-label" style="background-image:url({{uploadfront}}/upload/{{ item.main_image_url }});"></span>
															</a>
															<!--end::Thumbnail-->
															<div class="ms-5">
																<!--begin::Title-->
																<a href="{{ path('app_product_edit',{'uuid':item.item_uuid})}}" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">{{ item.name }}</a>
																<!--end::Title-->
															</div>
														</div>
													</td>
													<td class="text-end pe-0">
														<span class="fw-bold">{{ item.sku }}</span>
													</td>
													<td class="text-end pe-0" data-order="49">
														<span class="fw-bold ms-3">{{ item.current_stock }}</span>
													</td>
													<td class="text-end pe-0">{{ item.sale_price }}</td>
													 <td class="text-end pe-0" data-order="Scheduled">
														<!--begin::Badges-->
														{% if item.isActive  == true %}
															<div class="badge badge-light-success">{{ item.isActive ? 'Published' : 'Unpublished' }}</div>
															{% else %}
															<div class="badge badge-light-warning">{{ item.isActive ? 'Published' : 'Unpublished' }}</div>
														{% endif %}
														<!--end::Badges-->
													</td>
													<td class="text-end">
														<a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions 
														<i class="ki-duotone ki-down fs-5 ms-1"></i></a>
														<!--begin::Menu-->
														<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
															<!--begin::Menu item-->
															<div class="menu-item px-3">
																<a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a>
															</div>
															<!--end::Menu item-->
															<!--begin::Menu item-->
															<div class="menu-item px-3">
																<a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a>
															</div>
															<!--end::Menu item-->
														</div>
														<!--end::Menu-->
													</td>
												</tr>
													{% endfor %}
											</tbody>
										</table>
		{% endblock %}