@using FurnitureAssemblyContracts.ViewModels

@model List<SetViewModel>

@{
    ViewData["Title"] = "Изменение гарнитура";
}
<div class="text-center">
    <h2 class="display-4">Изменение гарнитура</h2>
</div>
<form method="post">
    <div class="row">
        <div class="col-4">Гарнитур:</div>
        <div class="col-8">
            <select id="set" name="set" class="form-control">
                @foreach (var item in Model)
                {
                    <option value="@item.Id">
                        @Html.DisplayFor(modelItem => item.Name)
                    </option>
                }
            </select>
        </div>
    </div>
    <div class="row">
        <div class="col-4">Название:</div>
        <div class="col-8"><input type="text" name="name" id="name" /></div>
    </div>
    <div class="row">
        <div class="col-4">Стоимость:</div>
        <div class="col-8"><input type="text" name="cost" id="cost" /></div>
    </div>
    <div class="row">
        <div class="col-4">Дата создания:</div>
        <div class="col-8"><input type="datetime-local" id="dateCreate" name="dateCreate" /></div>
    </div>
    <table class="table">
        <thead>
            <tr>
                <th>
                    Название мебельного модуля
                </th>
                <th>
                    Стоимость
                </th>
                <th>
                    Количество
                </th>
            </tr>
        </thead>
        <tbody id="furnitureModules-table">
        </tbody>
    </table>
    <div class="row">
        <div class="col-8"></div>
        <div class="col-4"><input type="submit" value="Изменить" class="btn btn-primary" /></div>
    </div>
</form>

@section Scripts {
    <script>
        function check() {
            var set = $('#set').val();
            if (set) {
                $.ajax({
                    method: "GET",
                    url: "/Home/GetShopWithManufactures",
                    data: { setId: set },
                    success: function (result) {
                        if (result != null) {
                            $('#name').val(result.item1.name);
                            $('#cost').val(result.item1.cost);
                            $('#dateCreate').val(result.item1.dateCreate);
                            $('#furnitureModules-table').html(result.item2);
                        }
                    }
                });
            };
        }
        check();
        $('#set').on('change', (e) => check());
    </script>
}