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

  {% block table %}
						<table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_ecommerce_category_table">
								<thead>
									<tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
										<th class="min-w-250px">Category</th>
										<th class="min-w-150px">Parent</th>
										<th class="min-w-150px">Status</th>
										<th class="text-end min-w-70px">Actions</th>
									</tr>
								</thead>
								<tbody class="fw-semibold text-gray-600">
										{% for category in pagination.items %}
									<tr>
										<td>
											<div class="d-flex">
												
												<div class="ms-5">
													<!--begin::Title-->
													<a href="{{ url('app_category_edit',{'uuid':category.uuid})}}" class="text-gray-800 text-hover-primary fs-5 fw-bold mb-1" data-kt-ecommerce-category-filter="category_name">{{ category.name }}</a>
													<!--end::Title-->
													<!--begin::Description-->
													<div class="text-muted fs-7 fw-bold">{{ category.description }}</div>
													<!--end::Description-->
												</div>
											</div>
										</td>
										<td>  {% if category.category.getName() is defined %}
										{{ category.category.getName()}}   {% endif %}</td>
										<td>
											<!--begin::Badges-->
											{% if category.isActive  == true %}
											<div class="badge badge-light-success">{{ category.isActive ? 'Published' : 'Unpublished' }}</div>
											{% else %}
											<div class="badge badge-light-warning">{{ category.isActive ? 'Published' : 'Unpublished' }}</div>
											{% endif %}
											<!--end::Badges-->
										</td>
										<td class="text-end">
											<a href="#" class="btn btn-sm btn-light btn-active-light-primary btn-flex btn-center" 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="{{ url('app_category_edit',{'uuid':category.uuid})}}" 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-category-filter="delete_row">View</a>
												</div>
												<!--end::Menu item-->
											</div>
											<!--end::Menu-->
										</td>
									</tr>
										
									{% endfor %}
								</tbody>
								<!--end::Table body-->
						</table>
		{% endblock %}