{% extends 'shared/two-column-list.html.twig'%}
  {% block sidecolumn %} 
	{# {{ include('main/contact/_side-bar.html.twig') }} #}

 
  
   {% endblock  %} 
  
  
  {% block table %}
				
					<table class="table align-middle table-row-dashed fs-6 gy-5 mb-0" id="kt_roles_view_table">
						<thead>
							<tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
								<th class="w-10px pe-2">
									<div class="form-check form-check-sm form-check-custom form-check-solid me-3">
										<input class="form-check-input" type="checkbox" data-kt-check="true" data-kt-check-target="#kt_roles_view_table .form-check-input" value="1" />
									</div>
								</th>
								<th class="min-w-150px">User</th>
								<th class="min-w-150px"> Dr Amount</th>
								<th class="min-w-150px"> Cr Amount</th>
								<th class="text-end min-w-100px">Actions</th>
							</tr>
						</thead>
						<tbody class="fw-semibold text-gray-600">
						{% for contact in pagination.items %}		
							<tr>
								<td>
									<div class="form-check form-check-sm form-check-custom form-check-solid">
										<input class="form-check-input" type="checkbox" value="1" />
									</div>
								</td>
								<td class="d-flex align-items-center">
									<!--begin:: Avatar -->
									<div class="symbol symbol-circle symbol-50px overflow-hidden me-3">
										{# {{ contactProfileThumbnail(contact) }} #}
									</div>
									<!--end::Avatar-->
									<!--begin::User details-->
									<div class="d-flex flex-column">
										<a href="" class="text-gray-800 text-hover-primary mb-1">{{ contact.ledgerName }}</a>
										<span>{{ contact.contactEmail }} - {{ contact.contactPhone }} </span>
										<div class="fs-7 text-muted"> Joined Date: {{ contact.createdOn  | date("M j, Y") }} </div>
									</div>
									<!--begin::User details-->
								</td>
								<td>
																				<div class="d-flex">
																					
																					<div class="ms-5">
																					{% if contact.isDebitClosingBalance == 1 %}
																						{{ contact.closingBalance|format_money('NGN') }}
																					{% endif %}
																					</div>
																				</div>
																		</td>
																	<td>
																				<div class="d-flex">
																					
																					<div class="ms-5">
																						
																					{% if contact.isDebitClosingBalance != 1 %}
																						{{ contact.closingBalance|format_money('NGN') }}
																					{% endif %}
																					</div>
																				</div>
																		</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-light btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions 
									<i class="ki-duotone ki-down fs-5 m-0"></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="{{ path( detail_url, { 'slug': slug, 'uuid': contact.ledgerUuid } )}}" class="menu-link px-3">View</a>
										</div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3">
											<a href="{{ path( edit_route_name, { 'slug': slug, 'uuid': contact.ledgerUuid } )}}" class="menu-link px-3" data-kt-roles-table-filter="delete_row">Edit</a>
										</div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu-->
								</td>
							</tr>
						 {% endfor %}	
						</tbody>
					</table>
      {% endblock %}