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

@{
    ViewData["Title"] = "Nov del projekta";
    Layout = "~/Pages/Layouts/_Layout.cshtml";
}
<link rel="stylesheet" href="~/vendor/libs/select2/select2.css" asp-append-version="true" />


<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> 
            @if ((bool)ViewData["Edit"])
            {
                <span>&nbsp;Urejanje pozicije dela projekta</span>
            }
            else
            {
                <span>&nbsp;Nova pozicija dela projekta</span>
            }
            
        </span>
    </h4>

    <div class="row">
        <div class="col-6">
            <div class="card">
                <h6 class="card-header">
                    Podatki pozicije
                    @if ((bool)ViewData["Edit"])
                    {
                        <i>@Model.ProjectPartItem.ProjectPartNumberFormatted</i>
                    }
                </h6>
                <div class="card-body">
                    <input type="hidden" asp-for="ProjectPartItem.IdProjectPartFk" />
                    <input type="hidden" asp-for="IdProject" />
                    <input type="hidden" asp-for="ProjectPartItem.IdProjectPartItem" />
                    <input type="hidden" asp-for="ProjectPartItem.ProjectPartItemNumber" />
                    <input type="hidden" asp-for="@ViewData["Edit"]" name="edit" />
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.IdItemFk" class="form-label"></label>
                                <div class="form-row">
                                    <div class="col-12">
                                        <select id="selCodeTableItem" asp-for="ProjectPartItem.IdItemFk" class="form-control select2" asp-items="ViewBag.IdItemFk"></select>
                                        <button class="btn btn-success" type="button" onclick="copyDataFromLastPartItem();">Napolni prejšnje</button>
                                        <button class="btn btn-primary" type="button" onclick="addNewCodeTableItem();">Novi artikel</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.NumberOfItems" class="form-label"></label>
                                <input asp-for="ProjectPartItem.NumberOfItems" class="form-control" />
                                <span asp-validation-for="ProjectPartItem.NumberOfItems" class="text-danger"></span>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.NumberOfSets" class="form-label"></label>
                                <input asp-for="ProjectPartItem.NumberOfSets" class="form-control" />
                                <span asp-validation-for="ProjectPartItem.NumberOfSets" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.IdMaterialFk" class="form-label"></label>
                                <div class="form-row">
                                    <div class="col-9">
                                        <select id="selCodeTableItemMaterial" asp-for="ProjectPartItem.IdMaterialFk" class="form-control select2" asp-items="ViewBag.IdMaterialFk"></select>
                                    </div>
                                    <div class="col-3">
                                        <button class="btn btn-primary" type="button" onclick="addNewCodeTableItemMaterial();">Novi material</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.MaterialDimensions" class="form-label"></label>
                                <input asp-for="ProjectPartItem.MaterialDimensions" class="form-control" />
                                <span asp-validation-for="ProjectPartItem.MaterialDimensions" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.IdMaterialSupplierFk" class="form-label"></label>
                                <select asp-for="ProjectPartItem.IdMaterialSupplierFk" class="form-control select2" asp-items="ViewBag.IdMaterialSupplierFk"></select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.MaterialPrice" class="form-label"></label>
                                <input asp-for="ProjectPartItem.MaterialPrice" class="form-control" />
                                <span asp-validation-for="ProjectPartItem.MaterialPrice" class="text-danger"></span>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.WorkPrice" class="form-label"></label>
                                <input asp-for="ProjectPartItem.WorkPrice" class="form-control" />
                                <span asp-validation-for="ProjectPartItem.WorkPrice" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.SellingPrice" class="form-label"></label>
                                <input asp-for="ProjectPartItem.SellingPrice" class="form-control" />
                                <span asp-validation-for="ProjectPartItem.SellingPrice" class="text-danger"></span>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.DeliveryDate" class="form-label"></label>
                                @Html.TextBoxFor(m => m.ProjectPartItem.DeliveryDate, "{0:yyyy-MM-dd}", new { @class = "form-control", type = "date" })
                                <span asp-validation-for="ProjectPartItem.DeliveryDate" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.Status" class="form-label"></label>
                                <select asp-for="ProjectPartItem.Status" asp-items="Html.GetEnumSelectList<ProjectPartItemStatus>()" class="form-control">
                                    <option>Izberite status</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label asp-for="ProjectPartItem.ShippingDate" class="form-label"></label>
                                @Html.TextBoxFor(m => m.ProjectPartItem.ShippingDate, "{0:yyyy-MM-dd}", new { @class = "form-control", type = "date" })
                                <span asp-validation-for="ProjectPartItem.ShippingDate" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer py-3 text-right">
                    @if (ViewData["Edit"] != null && (bool)ViewData["Edit"])
                    {
                        <button type="submit" class="btn btn-primary">Shrani</button>
                    }
                    else
                    {
                        <button type="submit" class="btn btn-primary">Dodaj del projekta</button>
                    }
                    
                    <a asp-page="Edit" asp-route-id="@ViewBag.IdProject" class="btn btn-default">Prekliči</a>
                </div>
            </div>
        </div>
    </div>

    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
    <div id="divModalCodetableItemAddEditPlaceholder"></div>
    @Html.AntiForgeryToken()
</form>

@section Scripts {
    @{
        await Html.RenderPartialAsync("_ValidationScriptsPartial");
    }
    <script src="~/js/codeTableItemHelper.js?v=3" asp-append-version="true"></script>
    <script src="~/vendor/libs/select2/select2.js" asp-append-version="true"></script>

    <script>
        $(document).ready(function() {
            $('[data-toggle="tooltip"]').tooltip({ container: 'table' });
            $('.select2').select2();
        });

        function addNewCodeTableItem() {
            codeTableItemAddEdit('#divModalCodetableItemAddEditPlaceholder',
                false,
                null,
                (idCodeTableItem) => {
                    refreshCodeTableItems('#selCodeTableItem', idCodeTableItem, 0);
                });
        }

        function addNewCodeTableItemMaterial() {
            codeTableItemAddEdit('#divModalCodetableItemAddEditPlaceholder',
                false,
                null,
                (idCodeTableItem) => {
                    refreshCodeTableItems('#selCodeTableItemMaterial', idCodeTableItem, 1);
                },
                null,
                1);
        }

        function refreshCodeTableItems(selector, idToSelect, type) {
            $.ajax({
                type: "GET",
                url: "CreateEditPartItem/?handler=CodeTableItems",
                data: {
                    type
                },
                success: function(data) {
                    console.log(data);
                    $(selector).empty();
                    $(data.items).each(function() {
                        $(selector).append($("<option></option>").val(this.value).html(this.text));
                    });
                    $(selector).val(idToSelect).trigger('change');
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    console.log(xhr);
                    alert(xhr.responseText);
                    $.unblockUI();
                }
            });
        }

        function copyDataFromLastPartItem() {
            let params = new URLSearchParams(window.location.search);
            let idProjectPartItem = params.get('idProjectPartItem');
            let idProject = params.get('idProject');
            let idProjectPart = params.get('idProjectPart');
            let edit = params.get('edit');

            let idArticle = $('#selCodeTableItem').val();
            if (isNaN(parseInt(idArticle))) {
                return;
            }

            location.replace(`CreateEditPartItem?idProjectPartItem=${idProjectPartItem}&idProject=${idProject}&idProjectPart=${idProjectPart}&edit=${edit}&idArticleCopyFrom=${idArticle}`);
        }

    </script>
}