107 lines
5.0 KiB
Plaintext
107 lines
5.0 KiB
Plaintext
@using HotelContracts.ViewModels
|
||
@model List<HotelContracts.ViewModels.ReservationViewModel>
|
||
@{
|
||
ViewData["Title"] = "Бронирования";
|
||
Layout = "_Layout";
|
||
}
|
||
|
||
<div class="">
|
||
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored" id="create">
|
||
Новое бронирование
|
||
</button>
|
||
@{
|
||
<ul class="demo-list-two mdl-list">
|
||
@foreach (var item in Model)
|
||
{
|
||
<li class="mdl-list__item" style="
|
||
padding: 0 0 16px;
|
||
">
|
||
<div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width: 100%;">
|
||
<div class="mdl-card__title">
|
||
<h2 class="mdl-card__title-text">Бронирование с @item.StartDate.ToShortDateString() по @item.EndDate.ToShortDateString()</h2>
|
||
</div>
|
||
<div class="mdl-card__supporting-text">
|
||
<span>Постоялец: @item.Guest.Fio</span>
|
||
<ul class="demo-list-item mdl-list">
|
||
@{
|
||
@foreach (var room in item.ReservationsRooms)
|
||
{
|
||
<li class="mdl-list__item">
|
||
<span class="mdl-list__item-primary-content">
|
||
Номер №@room.Value.Id стоимость за день: @room.Value.Cost
|
||
</span>
|
||
</li>
|
||
}
|
||
}
|
||
</ul>
|
||
<span>Общая стоимость @item.GetCost() рублей</span>
|
||
</div>
|
||
<div class="mdl-card__actions mdl-card--border">
|
||
<a
|
||
href="/Home/DeleteReservation?id=@item.Id"
|
||
class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
|
||
Удалить
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
}
|
||
</ul>
|
||
}
|
||
<dialog class="mdl-dialog">
|
||
<h4 class="mdl-dialog__title">Новое бронирование</h4>
|
||
<form method="post" asp-controller="Home" asp-action="CreateReservation">
|
||
<div class="mdl-dialog__content">
|
||
<span>Дата заселения</span>
|
||
<div class="mdl-textfield mdl-js-textfield">
|
||
<input class="mdl-textfield__input" type="date" id="dateStart" name="dateStart">
|
||
</div>
|
||
<span>Дата выселения</span>
|
||
<div class="mdl-textfield mdl-js-textfield">
|
||
<input class="mdl-textfield__input" type="date" id="dateEnd" name="dateEnd">
|
||
</div>
|
||
<div class="mdl-textfield mdl-js-textfield">
|
||
<select name="clientId" id="guest" class="mdl-textfield__input">
|
||
@{
|
||
@foreach (var client in ViewBag.Guests)
|
||
{
|
||
<option value="@client.Id">@client.Fio</option>
|
||
}
|
||
}
|
||
</select>
|
||
<span class="mdl-textfield__label" for="guest">Гость</span>
|
||
</div>
|
||
<span>Номер(а)</span>
|
||
<div class="mdl-textfield mdl-js-textfield">
|
||
<select name="rooms" id="rooms" class="mdl-textfield__input" multiple="multiple">
|
||
@{
|
||
@foreach (var room in ViewBag.Rooms)
|
||
{
|
||
<option value="@room.Id">#@room.Id @room.GetTypeRoom()</option>
|
||
}
|
||
}
|
||
</select>
|
||
</div>
|
||
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-1" name="cleaning">
|
||
<input type="checkbox" id="checkbox-1" class="mdl-checkbox__input" name="cleaning" checked="checked">
|
||
<span class="mdl-checkbox__label">Запланировать уборку?</span>
|
||
</label>
|
||
</div>
|
||
<div class="mdl-dialog__actions">
|
||
<button type="submit" class="mdl-button">Добавить</button>
|
||
<button type="button" class="mdl-button close">Отмена</button>
|
||
</div>
|
||
</form>
|
||
</dialog>
|
||
</div>
|
||
<script>
|
||
const dialog = document.querySelector('dialog');
|
||
const showDialogButton = document.querySelector('#create');
|
||
|
||
showDialogButton.addEventListener('click', function() {
|
||
dialog.showModal();
|
||
});
|
||
dialog.querySelector('.close').addEventListener('click', function() {
|
||
dialog.close();
|
||
});
|
||
</script> |