{% extends 'shared/list.html.twig'%}
  
  {% block table %}
						
											<div class="d-flex flex-column gap-7 gap-lg-10">
												<div class="d-flex flex-column flex-xl-row gap-7 gap-lg-10">
											
													<!--begin::Station-->
														{% for location in pagination.items %}
													<div class="card card-flush py-4 flex-row-fluid position-relative">
														<!--begin::Background-->
														<!--begin::Toolbar-->
																<div class="d-flex my-3 ms-9">
																	<!--begin::Edit-->
																		<a href="{{ url('app_station_edit',{'uuid':location.uuid})}}" class="btn btn-icon btn-active-light-primary w-30px h-30px me-3">
																		<span data-bs-toggle="tooltip" data-bs-trigger="hover" title="Edit">
																			<i class="ki-duotone ki-pencil fs-3">
																				<span class="path1"></span>
																				<span class="path2"></span>
																			</i>
																		</span>
																	</a>
																	<!--end::Edit-->
																	<!--begin::Delete-->
																	{# <a href="#" class="btn btn-icon btn-active-light-primary w-30px h-30px me-3" data-bs-toggle="tooltip" title="Delete" data-kt-customer-payment-method="delete">
																		<i class="ki-duotone ki-trash fs-3">
																			<span class="path1"></span>
																			<span class="path2"></span>
																			<span class="path3"></span>
																			<span class="path4"></span>
																			<span class="path5"></span>
																		</i>
																	</a> #}
																	<!--end::Delete-->
																	<!--begin::More-->
																	<a href="#" class="btn btn-icon btn-active-light-primary w-30px h-30px" data-bs-toggle="tooltip" title="More Options" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
																		<i class="ki-duotone ki-setting-3 fs-3">
																			<span class="path1"></span>
																			<span class="path2"></span>
																			<span class="path3"></span>
																			<span class="path4"></span>
																			<span class="path5"></span>
																		</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 w-150px py-3" data-kt-menu="true">
																		<!--begin::Menu item-->
																		<div class="menu-item px-3">
																			<a href="#" class="menu-link px-3" data-kt-payment-mehtod-action="set_as_primary">Set as Primary</a>
																		</div>
																		<!--end::Menu item-->
																	</div>
																	<!--end::Menu-->
																	<!--end::More-->
																</div>
																<!--end::Toolbar-->

														<div class="position-absolute top-0 end-0 bottom-0 opacity-10 d-flex align-items-center me-5">
															<i class="ki-solid ki-two-credit-cart" style="font-size: 14em"></i>
														</div>
														<!--end::Background-->
														<!--begin::Card header-->
														<div class="card-header">
															<div class="card-title">
																<h2>{{ location.name }}</h2>
															</div>
														</div>
														<!--end::Card header-->
														<!--begin::Card body-->
														<div class="card-body pt-0">{{ location.address.addressLineI }}
														 {% if location.address.addressLineII is not empty %}
														<br />{{ location.address.addressLineII }}
														 {% endif %}
														<br />{{ location.address.city }}
														<br />{{ location.address.state.name }}</div>
														<!--end::Card body-->
													</div>
														{% endfor %}
													<!--end::Station-->
												
												</div>
												
											</div>
											<!--end::Orders-->
												
{% endblock %}