@using BankYouBankruptContracts.ViewModels.Client.Reports;

@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">
				<form method="post">
					<h3>Карты:</h3>
					@for (var item = 0; item < @Model.Cards.Count(); item++)
					{
						<div class="form-check form-switch">
							<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" asp-for="@Model.Cards[item].IsChecked">
							<label class="form-check-label" for="flexSwitchCheckDefault">@Model.Cards[item].LabelName</label>
							<input type="hidden" asp-for="@Model.Cards[item].Id" />
							<input type="hidden" asp-for="@Model.Cards[item].LabelName" />
						</div>
					}
					<hr>
					<div class="mb-2">
						<button style="width:100%" class="btn btn-lg btn-warning btn-block" type="submit" asp-controller="Home" asp-action="ReportWithCards">Создать отчёт</button>
					</div>
					<div class="mb-2">
						<button style="width:100%" class="btn btn-lg btn-warning btn-block" type="submit" asp-controller="Home" asp-action="CreateExcelReport">Создать отчёт по переводам</button>
					</div>
					<div class="mb-2">
						<button style="width:100%" class="btn btn-lg btn-warning btn-block" type="submit" asp-controller="Home" asp-action="CreateCreditingExcelReport">Создать отчёт по пополнениям</button>
					</div>
					<div class="mb-2">
						<button style="width:100%" class="btn btn-lg btn-warning btn-block" type="submit" asp-controller="Home" asp-action="CreateDebitingExcelReport">Создать отчёт по снятиям</button>
					</div>
				</form>
            </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>
							<th>
								Дата закрытия
							</th>
						</tr>
					</thead>
					<tbody>
						@foreach (var item in Model.Operations)
						{
							<tr>
								<td>
									@Html.DisplayFor(modelItem => item.CardNumber)
								</td>
								<td>
									@Html.DisplayFor(modelItem => item.TypeOperation)
								</td>
								<td>
									@Html.DisplayFor(modelItem => item.Sum)
								</td>
								<td>
									@Html.DisplayFor(modelItem => item.Status)
								</td>
								<td>
									@Html.DisplayFor(modelItem => item.DateOpen)
								</td>
								<td>
									@Html.DisplayFor(modelItem => item.DateClose)
								</td>
							</tr>
						}
					</tbody>
				</table>
            </div>
        </div>
    </div>
</div>