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

  {% block table %}
 <table class="table align-middle table-row-dashed fs-6 gy-3" id="kt_table_widget_5_table">
                <!--begin::Table head-->
                <thead>
                  <!--begin::Table row-->
                  <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                    <th class="min-w-300px">Item</th>
                   
                    <th class="text-end pe-3 min-w-100px">Item SKU</th>
                    <th class="text-end pe-3 min-w-100px">Price</th>
                    <th class="text-end pe-3 min-w-100px">Status</th>
                    <th class="text-end pe-0 min-w-75px">Opening Qty</th>
										<th class="text-end min-w-70px">Actions</th>
                  </tr>
                  <!--end::Table row-->
                </thead>
                <!--end::Table head-->
                <!--begin::Table body-->
                <tbody class="fw-bold text-gray-600">
								{% for item in pagination.items %}
                  <tr>
                    <!--begin::Item-->
                    <td>
												<div class="d-flex align-items-center">
											<!--begin::Thumbnail-->
                      {{ itemThumbnail(item, uploadfront) }} 
											
											<!--end::Thumbnail-->
											<div class="ms-5">
												<!--begin::Title-->
												<div class="fw-bold"><a href="{{ url('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>
												</div>
																					
																					<div class="fs-7 text-muted"> Stock Location: {{ item.location }}</div>
																					<div class="fs-7 text-muted"> Date Added: {{ item.stock_add_date  | date("M j, Y")}}</div>
												
											
												<!--end::Title-->
												</div>
                        
										</div>
                    {# <div class="d-flex flex-wrap justify-content-start">
                      
                        <!--begin::Users-->
                        <div class="symbol-group symbol-hover mb-3">
                          <!--begin::User-->
                          <div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Alan Warden">
                            <span class="symbol-label bg-warning text-inverse-warning fw-bold">A</span>
                          </div>
                          <!--end::User-->
                          
                          <!--begin::User-->
                          <div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Susan Redwood">
                            <span class="symbol-label bg-primary text-inverse-primary fw-bold">S</span>
                          </div>
                          <!--end::User-->
                          
                          <!--begin::User-->
                          <div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Perry Matthew">
                            <span class="symbol-label bg-info text-inverse-info fw-bold">P</span>
                          </div>
                          <!--end::User-->
                        
                          <!--begin::All users-->
                          <a href="#" class="symbol symbol-35px symbol-circle" data-bs-toggle="modal" data-bs-target="#kt_modal_view_users">
                            <span class="symbol-label bg-dark text-inverse-dark fs-8 fw-bold" data-bs-toggle="tooltip" data-bs-trigger="hover" title="View more users">+42</span>
                          </a>
                          <!--end::All users-->
                        </div>
                        <!--end::Users-->
                    </div> #}
                      
                    </td>
                    <!--end::Item-->
                     <td class="text-end">{{ item.sku }}</td>
                    <!--begin::Price-->
                    <td class="text-end">{{ item.sale_price|format_money('NGN') }}</td>
                    <!--end::Price-->
                    <!--begin::Status-->
                    <td class="text-end">
										{% if item.isActive  == true %}
										<div class="badge py-3 px-4 fs-7  badge-light-success">{{ item.isActive ? 'Published' : 'Unpublished' }}</div>
										{% else %}
										<div class="badge py-3 px-4 fs-7  badge-light-warning">{{ item.isActive ? 'Published' : 'Unpublished' }}</div>
										{% endif %}
                      {# <span class="badge py-3 px-4 fs-7 badge-light-primary">In Stock</span> #}
                    </td>
                    <!--end::Status-->
                    <!--begin::Qty-->
                    <td class="text-end" data-order="58">
                      <span class="text-gray-900 fw-bold">{{ item.opening_stock }} PCS</span>
                    </td>
                    <!--end::Qty-->
											<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-200px py-4" data-kt-menu="true">
															<div class="menu-item px-3">
															{# <a href="{{ url('app_item_mgr') }}" class="menu-link px-3">Add  New Variation</a> </div> #}
															{# <a href="{{ path('app_modal', {'parameter': 'your_dynamic_value'}) }}" data-toggle="modal" data-target="#myModal"> #}



															<a href="{{ url('app_item_new', {'uuid': item.product_uuid}) }}"  class="menu-link px-3">Add  New Variation</a> </div>
															<!--begin::Menu item-->
															<div class="menu-item px-3"> <a href="{{ url('app_product_edit', {'uuid': item.product_uuid }) }}" class="menu-link px-3">Edit Product Details</a> </div>
															<!--end::Menu item-->

															<!--begin::Menu item-->
														
															<!--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>
                <!--end::Table body-->
              </table>
  {% endblock %}