@model VendorModel

<div class="card-body">
    @(await Html.LocalizedEditorAsync<VendorModel, VendorLocalizedModel>("vendor-info-localized",
    @<div>
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="@Model.Locales[item].Name" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="@Model.Locales[item].Name" />
                <span asp-validation-for="@Model.Locales[item].Name"></span>
            </div>
        </div>
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="@Model.Locales[item].Description" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="@Model.Locales[item].Description" asp-template="RichEditor" />
                <span asp-validation-for="@Model.Locales[item].Description"></span>
            </div>
        </div>
        <input type="hidden" asp-for="@Model.Locales[item].LanguageId" />
    </div>
    ,
    @<div>
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="Name" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="Name" asp-required="true" />
                <span asp-validation-for="Name"></span>
            </div>
        </div>
        <div class="form-group row">
            <div class="col-md-3">
                <nop-label asp-for="Description" />
            </div>
            <div class="col-md-9">
                <nop-editor asp-for="Description" asp-template="RichEditor" />
                <span asp-validation-for="Description"></span>
            </div>
        </div>
    </div>))

    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="Email" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="Email" asp-required="true" />
            <span asp-validation-for="Email"></span>
        </div>
    </div>

        @if (Model.Id > 0)
        {
            <div class="form-group row">
                <div class="col-md-3">
                    <nop-label asp-for="AssociatedCustomers" />
                </div>
                <div class="col-md-9">
                    @if (Model.AssociatedCustomers.Count > 0)
                    {
                        for (var i = 0; i < Model.AssociatedCustomers.Count; i++)
                        {
                            <a asp-action="Edit" asp-controller="Customer" asp-route-id="@Model.AssociatedCustomers[i].Id">
                                @Model.AssociatedCustomers[i].Email
                            </a>
                            if (i != Model.AssociatedCustomers.Count - 1)
                            {
                                <text>, </text>
                            }
                        }
                    }
                    else
                    {
                        <div class="form-text-row">@T("Admin.Vendors.Fields.AssociatedCustomerEmails.None")</div>
                    }
                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-3">
                    <nop-label asp-for="PmCustomerId" />
                </div>
                <div class="col-md-9">
                    <input type="hidden" asp-for="PmCustomerId" />
                    <div id="customer-info">
                        <a asp-controller="Customer" asp-action="Edit" asp-route-id="@Model.PmCustomerId">@Model.PmCustomerInfo</a>
                    </div>
                    <button type="submit" onclick="javascript:OpenWindow('@(Url.Action("AddCustomerToVendorPopup", new { customerIdInput = Html.IdFor(model => model.PmCustomerId), customerInfoInput = "customer-info", btnId = "btnRefreshCustomer"}))', 800, 850, true); return false;" class="btn btn-primary">
                        @T("Admin.Vendors.Fields.PmCustomerId.Choose")
                    </button>
                    <button type="submit" id="customer-remove" class="btn btn-danger">
                        @T("Admin.Vendors.Fields.PmCustomerId.Remove")
                    </button>
                    <button type="submit" id="btnRefreshCustomer" style="display: none"></button>
                    <span asp-validation-for="PmCustomerId"></span>
                </div>
            </div>

        <script asp-location="Footer">
                $(function () {
                    const pmCustomerInput = $("#@Html.IdFor(model => model.PmCustomerId)");
                    toggleRemoveButton();

                    $('#customer-remove').click(function () {
                        $('#customer-info').text('');
                        pmCustomerInput.val(0);
                        toggleRemoveButton();
                        return false;
                    });

                    $('#btnRefreshCustomer').click(function () {
                        toggleRemoveButton();
                        return false;
                    });

                    function toggleRemoveButton() {
                        if (pmCustomerInput.val() > 0) {
                            $('#customer-remove').show();
                        } else {
                            $('#customer-remove').hide();
                        }
                    }
                });
            </script>
        }

    <div class="form-group row">
        <div class="col-md-3">
            <nop-label asp-for="Active" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="Active" />
            <span asp-validation-for="Active"></span>
        </div>
    </div>

    <div class="form-group row advanced-setting">
        <div class="col-md-3">
            <nop-label asp-for="PictureId" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="PictureId" />
            <span asp-validation-for="PictureId"></span>
        </div>
    </div>

    <div class="form-group row advanced-setting">
        <div class="col-md-3">
            <nop-label asp-for="AdminComment" />
        </div>
        <div class="col-md-9">
            <nop-textarea asp-for="AdminComment"></nop-textarea>
            <span asp-validation-for="AdminComment"></span>
        </div>
    </div>

    @if (Model.VendorAttributes.Count > 0)
    {
        @await Html.PartialAsync("_VendorAttributes", Model.VendorAttributes)
    }

    <div class="card card-default advanced-setting">
        <div class="card-header">
            @T("Admin.Vendors.Address")
        </div>
        <div class="card-body">
            <nop-editor asp-for="Address" asp-template="Address" />
        </div>
    </div>
</div>