@page
@using Localization.Resources.AbpUi
@using Microsoft.Extensions.Localization
@using Volo.CmsKit.Pages
@using Volo.CmsKit.Public.Web.Pages.CmsKit.Shared.Components.Commenting
@using Volo.CmsKit.Public.Web.Pages.CmsKit.Shared.Components.ReactionSelection
@model IndexModel
@inject IStringLocalizer<AbpUiResource> Localizer
<h1>CMS Kit DEMO</h1>

<abp-card class="mb-3">
    <abp-card-body>
        <abp-blockquote>
            <p>
                Any fool can write code that a computer can understand. Good programmers write code that humans can understand.
            </p>
            <footer>
                Martin Fowler
            </footer>
        </abp-blockquote>
    </abp-card-body>
    <abp-card-footer>
        @await Component.InvokeAsync(typeof(ReactionSelectionViewComponent), new { entityType = "quote", entityId = "1" })
        <hr />
        @await Component.InvokeAsync(typeof(CommentingViewComponent), new { entityType = "quote", entityId = "1" })
    </abp-card-footer>
</abp-card>

<abp-card class="mb-3">
    <abp-card-body>
        <abp-blockquote>
            <p>
                Writing code is very simple, but writing simple code is the hardest thing there is!
            </p>
            <footer>
                Halil ibrahim Kalkan <small>(inspired from Johan Cruyff)</small>
            </footer>
        </abp-blockquote>
    </abp-card-body>
    <abp-card-footer>
        @await Component.InvokeAsync(typeof(ReactionSelectionViewComponent), new { entityType = "quote", entityId = "2" })
        <hr />
        @await Component.InvokeAsync(typeof(CommentingViewComponent), new { entityType = "quote", entityId = "2" })
    </abp-card-footer>
</abp-card>