@model GreenTree.Strohrmann.ERP.Web.Models.Business.CraftMaterialModel

@{ 
	var id = Model != null && !String.IsNullOrEmpty(Model.DictIdentifier) ? Model.DictIdentifier : Html.RandomId();
}

<script type="text/javascript">
@{ 
    <text>

    function recalculateMaterialValue_@id (input) {
        if (input != null && input.name == "CraftMaterials[@id].Value") {
            $.ajax({
                method: "POST",
                url: "@Url.Action("CalculateMaterialCalculationFactor", "Craft")",
                data: {
                    MaterialId: $("input[name='CraftMaterials[@id].MaterialId']").val(),
                    Amount: $("input[name='CraftMaterials[@id].Amount']").val().replace('.', ','),
                    Value: $("input[name='CraftMaterials[@id].Value']").val()
                },
                success: function (data) {
                    $("input[name='CraftMaterials[@id].CalculationFactor']").val(data);
                    calculateMaterialAggregation();
                },
                error: function (msg) {

                }
            });
        } else {
            $.ajax({
                method: "POST",
                url: "@Url.Action("CalculateMaterialValue", "Craft")",
                data: {
                    MaterialId: $("input[name='CraftMaterials[@id].MaterialId']").val(),
                    Amount: $("input[name='CraftMaterials[@id].Amount']").val().replace('.', ','),
                    CalculationFactor: $("input[name='CraftMaterials[@id].CalculationFactor']").val().replace('.', ',')
                },
                success: function (data) {
                    $("input[name='CraftMaterials[@id].Value']").val(data);
                    calculateMaterialAggregation();
                },
                error: function (msg) {

                }
            });
		}
    }

    function getMaterialUnit_@id () {
        $.ajax({
            method: "POST",
            url: "@Url.Action("GetMaterialUnit", "Craft")",
            data: {
                MaterialId: $("input[name='CraftMaterials[@id].MaterialId']").val()
            },
            success: function (data) {
                $("#materialUnit_@id").text(data);
            },
            error: function (msg) {

            }
        });
	} 

    </text>
}
</script>

<div class="row align-items-start">
    <input type="hidden" asp-for="Index" name="CraftMaterials[@id].Index" />
    <input type="hidden" asp-for="DictIdentifier" name="CraftMaterials[@id].DictIdentifier" value="@id" />

    <div class="form-group col-md-3">
        @if (Model == null || (Model != null && (!Model.Index.HasValue || Model.Index == 0)))
		{
            <label asp-for="MaterialId" class="control-label"></label>
		}
        @Html.SearchFor(
            m => m.MaterialId, 
            m => m.MaterialText, 
            Url.Action("Search", "Material"), 
            new { name = String.Format("CraftMaterials[{0}].MaterialId", id) }, 
            new 
            { 
                name = String.Format("CraftMaterials[{0}].MaterialText", id), 
                onblur = String.Format("calculateMaterialAggregation(); getMaterialUnit_{0}(); recalculateMaterialValue_{0}(this);", id) 
            }
        )
        @Html.ValidationMessage(String.Format("CraftMaterials[{0}].MaterialId", id), new { @class = "text-danger" })
    </div>
    <div class="form-group col-md-2">
        @if (Model == null || (Model != null && (!Model.Index.HasValue || Model.Index == 0)))
		{
            <label asp-for="Amount" class="control-label"></label>
		}
        <div class="input-group">
            <div class="input-group-prepend">
                <span id="materialUnit_@id" class="input-group-text">
                    @(Model == null ? "Stck." : Model.Material.DefaultUnit.ShortName)
                </span>
            </div>
            <input name="CraftMaterials[@id].Amount" type="text" class="form-control"
                   id="CraftMaterials[@id].Amount" data-restriction="numberOnly"
                   value="@(Model == null ? 0.00f : Model.Amount)"
                   onchange="calculateMaterialAggregation(); recalculateMaterialValue_@id (this);" />
        </div>
        @Html.ValidationMessage(String.Format("CraftMaterials[{0}].Amount", id), new { @class = "text-danger" })
    </div>
    <div class="form-group col-md-3">
        @if (Model == null || (Model != null && (!Model.Index.HasValue || Model.Index == 0)))
		{
            <label asp-for="CalculationFactor" class="control-label"></label>
		}
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">%</span>
            </div>
            <input asp-for="CalculationFactor" name="CraftMaterials[@id].CalculationFactor" 
                   type="number" min="0" step="0.5"
                   value="@((Model == null ? 120f : Model.CalculationFactor).ToString().Replace(',','.'))" 
                   class="form-control" data-aggregation="materialCalculationFactor"
                   onchange="calculateMaterialAggregation(); recalculateMaterialValue_@id (this);" />
        </div>
        @Html.ValidationMessage(String.Format("CraftMaterials[{0}].CalculationFactor", id), new { @class = "text-danger" })
    </div>
    <div class="form-group col-md-3">
        @if (Model == null || (Model != null && (!Model.Index.HasValue || Model.Index == 0)))
		{
            <label asp-for="Value" class="control-label"></label>
		}
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">@CultureInfo.CurrentCulture.NumberFormat.CurrencySymbol</span>
            </div>
            <input asp-for="Value" name="CraftMaterials[@id].Value" type="number" min="0.00" step="1" class="form-control" 
                   data-aggregation="materialValue"
                   onchange="calculateMaterialAggregation(); recalculateMaterialValue_@id (this);"/>
        </div>
        @Html.ValidationMessage(String.Format("CraftMaterials[{0}].Value", id), new { @class = "text-danger" })
    </div>
    <div class="form-group col-md-1 pl-1">
        @if (Model != null && Model.Index > 0)
		{
            <button type="button" class="btn btn-danger" aria-label="Entfernen" 
                    onclick="$(this).closest('.row').remove(); calculateMaterialAggregation();">
                <span class="fas fa-trash"></span>
            </button>
		}
    </div>
</div>