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

  {% block table %}
		<table class="table align-middle table-row-dashed fs-6 gy-5">
				<thead>
					<tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
						<th class="min-w-250px">Banner</th>
						<th class="min-w-150px">Type</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 banner in pagination.items %}
					<tr>
						<td>
							<div class="d-flex">
								
								<div class="ms-5">
									<!--begin::Title-->
									<a href="{{ url('app_banner_edit',{'uuid':banner.uuid})}}" class="text-gray-800 text-hover-primary fs-5 fw-bold mb-1">{{ banner.title }}</a>
										<div class="overlay-wrapper bgi-position-center bgi-no-repeat bgi-size-cover w-400px mb-3" style="height: 166px;background-image:url('{{uploadfront}}/upload/{{ banner.mediaFileUrl }}"></div>

									<!--end::Title-->
									<!--begin::Description-->
									{# <div class="text-muted fs-7 fw-bold">{{ banner.description }}</div> #}
									<!--end::Description-->
								</div>
							</div>
						</td>
						<td> 
						{{ banner.type.getName()}}   
						</td>
						<td>
							<!--begin::Badges-->
							{% if banner.isActive  == true %}
							<div class="badge badge-light-success">{{ banner.isActive ? 'Published' : 'Unpublished' }}</div>
							{% else %}
							<div class="badge badge-light-warning">{{ banner.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_banner_edit',{'uuid':banner.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">View</a>
								</div>
								<!--end::Menu item-->
							</div>
							<!--end::Menu-->
						</td>
					</tr>
					
					{% endfor %}
				</tbody>
								<!--end::Table body-->
		</table>				
		{% endblock %}