<tr>
<td` style="padding: 0px !important;">
<div id='accordion' class='accordion'>
<p class="list-branch">
<a href="#" style="text-decoration: underline ; font-weight: normal;" >${merchant.merchantId}</a>
<span class="branch-address">${merchant.ownerName}, ${merchant.country}</span>
<a href="/admin/salasx/merchantbranch/merchantBranches.html?merchantId=${merchant.merchantId}" class="float-right"><span class="badge badge-pill">${merchant.branchCount}</span>Branches</a>
</p>
<div>
<div class="table-responsive">
<table class="table zero-configuration">
<thead>
<tr role="row">
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_4">Branch ID</th>
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_4">Name</th>
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_4">Location</th>
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_4">Status</th>
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_4">Edit</th>
</tr>
</thead>
<tbody>
<c:forEach items="${branches}" var="branch" varStatus="status">
<tr>
<td><a href="/admin/salasx/merchantbranch/viewBranch.html?branchId=${branch.branchId}">${branch.branchId}</a> </td>
<td>${branch.branchId}</td>
<td>Sharjah</td>
<td>
<label class="switch">
<input type="checkbox" checked="checked" >
<span class="slider round"></span>
</label>
</td>
<td>
<a href="/admin/salasx/merchantbranch/addBranch.html">
<i class="feather icon-edit"></i>
</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
</td>