@using HotelContracts.ViewModels

@model List<DinnerViewModel>

@{
	ViewData["Title"] = "ListDinners";
}

<section class="u-clearfix u-section-1" id="sec-e38b">
      <div class="u-clearfix u-sheet u-sheet-1">
        <div class="u-clearfix u-layout-wrap u-layout-wrap-1">
          <div class="u-layout">
            <div class="u-layout-row">
              <div
                class="u-container-style u-layout-cell u-size-48 u-layout-cell-1">
                <div class="u-container-layout u-container-layout-1">
                  <div class="u-table u-table-responsive u-table-1">
                    <table class="table">
                        <thead class="thead-dark">
                        <tr style="height: 31px">
                          <th class="u-border-1 u-border-grey-50 u-table-cell">
                            Номер
                          </th>
                          <th class="u-border-1 u-border-grey-50 u-table-cell">
                            Цена обеда
                          </th>
                          <th class="u-border-1 u-border-grey-50 u-table-cell">
                            Название обеда
                          </th>
                        </tr>
                      </thead>
                        <tbody class="u-table-body">
                                        @foreach (var item in Model){
                        <tr style="height: 75px">
                          <td
                            class="u-border-1 u-border-grey-40 u-border-no-left u-border-no-right u-table-cell">
                                                    @Html.DisplayFor(modelItem => item.Id)
                          </td>
                          <td
                            class="u-border-1 u-border-grey-40 u-border-no-left u-border-no-right u-table-cell"
                          >
                                                    @Html.DisplayFor(modelItem => item.DinnerPrice)
                          </td>
                          <td
                            class="u-border-1 u-border-grey-40 u-border-no-left u-border-no-right u-table-cell"
                          >
                                                    @Html.DisplayFor(modelItem => item.DinnerName)
                          </td>
                        </tr>
                        }
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
              <div
                  class="u-container-style u-layout-cell u-size-12 u-layout-cell-2"
                >
                  <div class="u-container-layout u-container-layout-2">
                    <a
                      asp-area="" asp-controller="Home" asp-action="CreateDinner"
                      class="btn btn-outline-dark text-center d-flex justify-content-md-center"
                    >Добавить</a>
                    &nbsp;
                    <a
                      asp-area="" asp-controller="Home" asp-action="UpdateDinner"
                      class="btn btn-outline-dark text-center d-flex justify-content-md-center"
                    >Изменить</a>
                    &nbsp;
                    <a
                      asp-area="" asp-controller="Home" asp-action="DeleteDinner"
                      class="btn btn-outline-dark text-center d-flex justify-content-md-center"
                    >Удалить</a>
                  </div>
                </div>
            </div>
          </div>
        </div>
      </div>
    </section>