@using BankYouBankruptContracts.ViewModels

@model ReportClientCardsViewModel

@{
	ViewData["Title"] = "Отчет по картам";
}

<div class="text-center">
	<h1 class="display-4">Отчет</h1>
</div>

<div class="container" sf-type="container" sf-label="Bootstrap Container" sf-uid="2">

    <div class="row" sf-type="container" sf-label="Row" sf-uid="3">
        <div class="mb-4 mb-md-0 aos-init aos-animate col-md-3" sf-type="container" sf-label="Column" sf-anim-delay="1.5" data-aos="fade-down" data-aos-delay="400" sf-uid="4">
            <div sf-type="container" sf-label="Container" class="py-15 h-100 bg-bg-2" sf-uid="5">
                @foreach (var item in Model.Cards)
				{
					<div class="form-check form-switch">
                      <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
						<label class="form-check-label" for="flexSwitchCheckDefault">@item.Number</label>
                    </div>

				}
            </div>
        </div>
        <div class="aos-init aos-animate col-md" sf-type="container" sf-label="Column" sf-anim-delay="2" data-aos="fade-down" data-aos-delay="500" sf-uid="8">
            <div sf-type="container" sf-label="Container" class="py-15 h-100 bg-bg-2" sf-uid="9">
            <table class="table">
			<thead>
				<tr>
					<th>
						Номер карты
					</th>
					<th>
						Сумма
					</th>
					<th>
						Статус
					</th>
					<th>
						Дата открытия
					</th>
					<th>
						Дата закрытия
					</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
			</table>
            </div>
        </div>
    </div>
</div>