@{
    ViewData["Title"] = "Home Page";
    Layout = "_Layout";
}
<link rel="stylesheet" href="~/css/index.css">
<div class="">
    <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
        <div class="pie animate no-round" style="--p:@ViewBag.RoomIsReserved;">@ViewBag.RoomIsReserved%</div>
        <h6>Номеров забронировано (@ViewBag.RoomIsReservedCount из @ViewBag.RoomAll)</h6>
    </div>
    <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
        <div class="pie animate no-round" style="--p:@ViewBag.GuestLiving;">@ViewBag.GuestLiving%</div>
        <h6>Постояльцев проживает (@ViewBag.GuestLivingCount из @ViewBag.GuestCount)</h6>
    </div>
    <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
        <div class="line" style="--value:@ViewBag.AverageDay;--max: @ViewBag.MaxDay">
            <div class="line_min">0</div>
            <div class="line_value">@ViewBag.AverageDay</div>
            <div class="line_max">@ViewBag.MaxDay</div>
        </div>
        <h6 class="line_label">Среднее время проживания (в днях)</h6>
    </div>
    <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
        <div class="line" style="--value:@ViewBag.AverageCost;--max:@ViewBag.MaxCost;">
            <div class="line_min">0</div>
            <div class="line_value">@ViewBag.AverageCost</div>
            <div class="line_max">@ViewBag.MaxCost</div>
        </div>
        <h6 class="line_label">Средний чек (в рублях)</h6>
    </div>
    <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
        <h6 class="info">Последнее бронирование</h6>
        <span class="info">
            <i class="material-icons mdl-list__item-icon">event_seat</i>
            <span>
                <b>С</b> @ViewBag.LastReservation.StartDate.ToShortDateString()
                <b>по</b> @ViewBag.LastReservation.EndDate.ToShortDateString()
            </span>
            <span><b>Номер:</b> @ViewBag.LastReservationRooms</span>
            <span><b>Клиент:</b> @ViewBag.LastReservation.Guest.Fio</span>
            <span><b>На сумму</b> @ViewBag.LastReservation.GetCost()</span>
        </span>
    </div>
    <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
        <h6 class="info">Последняя уборка</h6>
        <span class="info-start">
            <i class="material-icons mdl-list__item-icon">wash</i>
            <span><b>Дата </b> @ViewBag.LastCleaning.Date</span>
            <span><b>Номер:</b> @ViewBag.LastCleaning.Room.Id</span>
        </span>
    </div>
</div>