{# {% extends 'shared/two-column-list.html.twig'%}
  {% block sidecolumn %} 
 
  <!--begin::Contact group wrapper-->
										<div class="card card-flush">
            <!--begin::Card header-->
            <div class="card-header pt-7" id="kt_chat_contacts_header">
              <!--begin::Card title-->
              <div class="card-title">
            
                <h3 class="card-title align-items-start flex-column">
                <span class="card-label fw-bold text-gray-900">Store Location</span>
              </h3>
              </div>
              <!--end::Card title-->
            </div>
            <!--end::Card header-->

            <!--begin::Card body-->
            <div class="card-body pt-5">
              <!--begin::Contact groups-->
              <div class="d-flex flex-column gap-5">
                  {% for itemlocation in locations %}
													<!--begin::Contact group-->
													<div class="d-flex flex-stack">
														<a href="{{ url(list_route_name)}}?c={{ itemlocation.uuid }}" class="fs-6 fw-bold text-gray-800 text-hover-primary text-active-primary active">{{ itemlocation.name }}</a>
														<div class="badge badge-light-primary">{{ itemlocation.size_count }}</div>
													</div>
													<!--begin::Contact group-->
													{% endfor %}

              </div>
              <!--end::Contact groups-->
              <!--begin::Separator-->
              <div class="separator my-7"></div>
              <!--begin::Separator-->

              <!--begin::Add new contact-->
              <a href="{{ url('app_station_mgr')}}" class="btn btn-primary w-100">
             Add new location</a>
              <!--end::Add new contact-->
            </div>
            <!--end::Card body-->
          </div>
										<!--end::Contact group wrapper-->
  
   {% endblock  %} 
   #}
  {% 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">Qty</th>
                    <th class="text-end pe-0 min-w-25px"></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"> Opening Stock Quantity: 
                                          {{ item.movement_date ? item.opening_stock : 0 }} PCS</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> #}
                      {% if item.stockQty < 1 %}
                          <span class="badge py-3 px-4 fs-7 badge-light-danger">Out of Stock</span>
                      {% elseif item.stockQty < item.low_qty_threshold_limit %}
                          <span class="badge py-3 px-4 fs-7 badge-light-warning">Low Stock</span>
                      {% else %}
                          <span class="badge py-3 px-4 fs-7 badge-light-primary">In Stock</span>
                      {% endif %}
                    </td>
                    <!--end::Status-->
                    <!--begin::Qty-->
                    <td class="text-end" data-order="58">
                      <span class="text-gray-900 fw-bold">{{ item.stockQty }} PCS</span>
                    </td>
                    <!--end::Qty-->
										<td class="text-end" data-order="58">
                      <div class="ms-2">
																<button type="button" class="btn btn-sm btn-icon btn-light btn-active-light-primary me-2" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
																	<i class="ki-duotone ki-dots-square fs-5 m-0">
																		<span class="path1"></span>
																		<span class="path2"></span>
																		<span class="path3"></span>
																		<span class="path4"></span>
																	</i>
																</button>
																<!--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-150px py-4" data-kt-menu="true">
																	<!--begin::Menu item-->
																	<div class="menu-item px-3">
																		<a href="#" class="menu-link px-3">View</a>
																	</div>
															 
																	<div class="menu-item px-3">
																		<a href="{{ url('app_item_new', {'uuid': item.product_uuid}) }}" class="menu-link px-3">Add Variation</a>
																	</div>

																	<div class="menu-item px-3">
																		<a href="{{ url('app_product_edit', {'uuid': item.product_uuid }) }}" class="menu-link px-3">Edit Product </a>
																	</div>
																
																</div>
																<!--end::Menu-->
																<!--end::More-->
															</div>
                    </td>
                    <!--end::Qty-->
										
                  </tr>
                  {% endfor %}
                </tbody>
                <!--end::Table body-->
              </table>
												
                {% endblock %}