@model NewsletterCategoryModel
<b-modal ref="ModalNewsletterCategory" id="ModalNewsletterCategory" :dark-theme="darkMode" title="@Loc["NewsletterCategory.Title"]" centered hide-footer>
    <div class="newsletter-category">
        <form id="newsletter-category-method-form" action="">
            <input asp-for="NewsletterEmailId" type="hidden" />
            <div class="newsletter-category-body form-group">
                @foreach (var category in Model.NewsletterCategories)
                {
                    <label for="Category_@(category.Id)" class="custom-control custom-checkbox col-12">
                        <input id="Category_@(category.Id)" name="Category_@(category.Id)" type="checkbox" class="custom-control-input" @(category.Selected ? "checked" : "")>
                        <span class="custom-control-label"></span>
                        <span class="custom-control-description">@category.Name</span>
                    </label>
                    <div>
                        @Html.Raw(category.Description)
                    </div>
                }
                <div class="newsletter-category-save pt-1 pb-1">
                    <input type="button" value="@Loc["NewsletterCategory.Options.Save"]" id="newsletter-category-button" @@click="$bvModal.hide('ModalNewsletterCategory');vm.newsletterSubscribeCategory('@(Url.RouteUrl("SubscribeNewsletterCategory"))')" class="btn btn-outline-info newsletter-subscribe-button" />
                </div>
            </div>
        </form>
    </div>
</b-modal>
