{% extends 'shared/two-column-list.html.twig'%}
  {% block sidecolumn %} 

 
  
   {% endblock  %} 
  
  
  {% 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-150px"> Ledger Accounts</th>
												<th class="min-w-150px"> Dr Amount</th>
												<th class="min-w-150px"> Cr Amount</th>
												<th class="text-end min-w-70px">Actions</th>
											</tr>
										</thead>
										<tbody class="fw-semibold text-gray-600">
												{% for systemChart in pagination.items %}
															<tr>
																<td colspan="3">
																	<div class="d-flex">
																		
																		<div class="ms-5">
																			<!--begin::Title-->
																			<a href="#" class="text-gray-800 text-hover-primary  text-uppercase fs-5 fw-bold mb-1">{{ systemChart.chartName }}</a>
																			<!--end::Title-->
																		
																		</div>
																	</div>
																</td>
															
																<td class="text-end">
																	
																</td>
															</tr>
															 {% for ledger in systemChart.ledgers %}
															 {# {% set system_chart = ledger.systemChartId %} #}
                {% set normal_balance = 'Credit' %}
                {% if ledger.hasDebitBalance and not ledger.isContraBalance %}
                    {% set normal_balance = 'Debit' %}
                {% endif %}
																	<tr>
																		<td>
																			<div class="d-flex">
																				
																				<div class="ms-5">
																					<!--begin::Title-->
																					&nbsp;&nbsp;&nbsp;&nbsp;<a href="{{ url('app_ledger_edit',{'uuid':ledger.ledgerUuid})}}" class="text-gray-800 text-hover-primary fs-5 fw-bold mb-1">{{ ledger.ledgerName }}</a><br/>
																					&nbsp;&nbsp;&nbsp;&nbsp;<span class="text-muted fs-7">Has {{ normal_balance }} normal balance.</span>
																					<!--end::Title-->
																				
																				</div>
																			</div>
																		</td>
																		<td>
																				<div class="d-flex">
																					
																					<div class="ms-5">
																					{% if ledger.isDebitClosingBalance == 1 %}
																						{{ ledger.closingBalance|format_money('NGN') }}
																					{% endif %}
																					</div>
																				</div>
																		</td>
																	<td>
																				<div class="d-flex">
																					
																					<div class="ms-5">
																						
																					{% if ledger.isDebitClosingBalance != 1 %}
																						{{ ledger.closingBalance|format_money('NGN') }}
																					{% endif %}
																					</div>
																				</div>
																		</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_ledger_edit',{'uuid':ledger.ledgerUuid})}}" class="menu-link px-3">Edit</a>
																				</div>
																				<!--end::Menu item-->
																				
																			</div>
																			<!--end::Menu-->
																		</td>
																	</tr>
																{% endfor %}	
												{% endfor %}
										</tbody>
										<!--end::Table body-->
								</table>
												
                {% endblock %}