@model CategoryModel

<div class="card-body">
    <div class="form-group advanced-setting row">
        <div class="col-md-3">
            <nop-label asp-for="SelectedDiscountIds" />
        </div>
        <div class="col-md-9">
            <nop-select asp-for="SelectedDiscountIds" asp-items="Model.AvailableDiscounts" asp-multiple="true" />
            <script>
				$(document).ready(function() {
					var discountsIdsInput = $('#@Html.IdFor(model => model.SelectedDiscountIds)').data("kendoMultiSelect");
					discountsIdsInput.setOptions({
						autoClose: false,
						filter: "contains"
					});

					@if (Model.AvailableDiscounts.Count == 0)
					{
						<text>
							discountsIdsInput.setOptions({
								enable: false,
								placeholder: '@T("Admin.Catalog.Categories.Fields.Discounts.NoDiscounts")'
							});
							discountsIdsInput._placeholder();
							discountsIdsInput._enable();
						</text>
					}
				});
            </script>
        </div>
    </div>
    <div class="form-group advanced-setting row">
        <div class="col-md-3">
            <nop-label asp-for="SelectedCustomerRoleIds" />
        </div>
        <div class="col-md-9">
            <div class="row">
                <div class="col-md-4">
                    <nop-select asp-for="SelectedCustomerRoleIds" asp-items="Model.AvailableCustomerRoles" asp-multiple="true" />
                    <script>
						$(document).ready(function() {
							var rolesIdsInput = $('#@Html.IdFor(model => model.SelectedCustomerRoleIds)')
								.data("kendoMultiSelect");
							rolesIdsInput.setOptions({
								autoClose: false,
								filter: "contains"
							});

							@if (Model.AvailableCustomerRoles.Count == 0)
							{
								<text>
								rolesIdsInput.setOptions({
									enable: false,
									placeholder: 'No customer roles available'
								});
								rolesIdsInput._placeholder();
								rolesIdsInput._enable();
								</text>
							}
						});
                    </script>
                </div>
                <div class="col-md-8">
                    @await Component.InvokeAsync(typeof(AclDisabledWarningViewComponent))
                </div>
            </div>
        </div>
    </div>
    <div class="form-group advanced-setting row">
        <div class="col-md-3">
            <nop-label asp-for="SelectedStoreIds" />
        </div>
        <div class="col-md-9">
            <div class="row">
                <div class="col-md-4">
                    <nop-select asp-for="SelectedStoreIds" asp-items="Model.AvailableStores" asp-multiple="true" />
                    <script>
						$(document).ready(function() {
							var storesIdsInput = $('#@Html.IdFor(model => model.SelectedStoreIds)')
								.data("kendoMultiSelect");
							storesIdsInput.setOptions({
								autoClose: false,
								filter: "contains"
							});

							@if (Model.AvailableStores.Count == 0)
							{
								<text>
								storesIdsInput.setOptions({
									enable: false,
									placeholder: 'No stores available'
								});
								storesIdsInput._placeholder();
								storesIdsInput._enable();
								</text>
							}
						});
                    </script>
                </div>
                <div class="col-md-8">
                    @await Component.InvokeAsync(typeof(MultistoreDisabledWarningViewComponent))
                </div>
            </div>
        </div>
    </div>
</div>