@page
@using EveryThing.Models.Project
@model EveryThing.Pages.Projects.CreatePartItemImportExcelModel

@{
    ViewData["Title"] = "Uvoz pozicij dela projekta";
    Layout = "~/Pages/Layouts/_Layout.cshtml";
}

<form method="post">

    <h4 class="d-flex justify-content-between align-items-center w-100 font-weight-bold py-1 mb-4">
        <span>
            <span class="text-muted font-weight-light">Projekt /</span> Uvoz pozicij dela projekta
        </span>
    </h4>

    <div class="row">
        <div class="col-6">
            <div class="card">
                <h6 class="card-header">
                    Povezovanje excel z pozicijo
                </h6>
                <div class="card-body">
                    <input type="hidden" asp-for="IdProjectPart" />
                    <input type="hidden" asp-for="IdProject" />
                    <input type="hidden" asp-for="FileName" />
                    <input type="hidden" asp-for="SelectedItems" name="selectedItems" class="inp-selected-items" />
                    <div class="row">
                        <div class="col-12">
                        @{
                            foreach (var item in Model.ExcelItems)
                            {
                                            <div class="form-group">
                                                <label class="control-label">@item.Name</label>
                                                <select data-index="@item.CellIndex" class="form-control select-item" asp-items="ViewBag.ProjectPartItems"></select>
                                            </div>
                            }
                        }
                        </div>
                    </div>
                </div>
                <div class="card-footer py-3 text-right">
                    <button type="submit" class="btn btn-primary" onclick="prepareData(); return true;">Potrdi</button>
                    <a asp-page="Edit" asp-route-id="IdProject" class="btn btn-default">Prekliči</a>
                </div>
            </div>
        </div>
    </div>

    <div asp-validation-summary="ModelOnly" class="text-danger"></div>

</form>

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}

    <script type="text/javascript">
        function prepareData(){
            let data = "";
            $('.select-item').each(function(index, element) {
                let value = $(element).val();
                if (value !== '') {
                    let dataIndex = $(element).attr("data-index");
                    data += `${dataIndex};${value}#`;
                }
            });
            $('.inp-selected-items').val(data);
        }
    </script>
}