@using CRS.EasyCreator.Services.Templates
@using CRS.EasyCreator.Domain
@model EasyStory

@{
    Layout = "_AdminLayout";
    ViewBag.Title = Model.Title.NullEmpty() ?? Model.SystemName;
    var systemTemplates = ViewBag.SystemTemplates as IReadOnlyList<EasyTemplate> ?? new List<EasyTemplate>();
    var userTemplates = ViewBag.UserTemplates as IList<EasyLayoutTemplate> ?? new List<EasyLayoutTemplate>();
    var ecv = DateTime.UtcNow.Ticks;
}

<link rel="stylesheet" href="~/Modules/CRS.EasyCreator/css/easycreator.css?v=@ecv" />

<div class="section-header">
    <div class="title">
        <i class="fa fa-th-large"></i>
        @T("Plugins.CRS.EasyCreator.Editor.PickTemplate")
    </div>
    <div class="options">
        <a asp-action="Edit" asp-route-id="@Model.Id" class="btn btn-secondary">
            <i class="fa fa-cog"></i> @T("Plugins.CRS.EasyCreator.Editor.MetaSettings")
        </a>
        <a asp-action="List" class="btn btn-secondary">@T("Common.Back")</a>
    </div>
</div>

<p class="text-muted">@T("Plugins.CRS.EasyCreator.Editor.PickTemplateHint")</p>

<div class="ec-tpl-grid">
    <div class="ec-tpl-card">
        <div class="ec-tpl-card__thumb"><i class="fa fa-square-o"></i></div>
        <div class="ec-tpl-card__body">
            <h5 class="ec-tpl-card__title">@T("Plugins.CRS.EasyCreator.Editor.BlankTemplate")</h5>
            <p class="ec-tpl-card__desc">@T("Plugins.CRS.EasyCreator.Editor.BlankTemplateHint")</p>
        </div>
        <div class="ec-tpl-card__action">
            <form asp-action="SelectTemplate" method="post">
                <input type="hidden" name="id" value="@Model.Id" />
                <input type="hidden" name="key" value="blank" />
                <button type="submit" class="btn btn-primary btn-block">
                    <i class="fa fa-check"></i> @T("Plugins.CRS.EasyCreator.Editor.UseTemplate")
                </button>
            </form>
        </div>
    </div>

    @foreach (var tpl in systemTemplates)
    {
        <div class="ec-tpl-card">
            <div class="ec-tpl-card__thumb">
                @if (!string.IsNullOrWhiteSpace(tpl.Thumbnail))
                {
                    <img src="~/Modules/CRS.EasyCreator/@tpl.Thumbnail" alt="" />
                }
                else
                {
                    <i class="fa fa-file-image-o"></i>
                }
            </div>
            <div class="ec-tpl-card__body">
                <h5 class="ec-tpl-card__title">@tpl.Name</h5>
                <p class="ec-tpl-card__desc">@tpl.Description</p>
            </div>
            <div class="ec-tpl-card__action">
                <form asp-action="SelectTemplate" method="post">
                    <input type="hidden" name="id" value="@Model.Id" />
                    <input type="hidden" name="key" value="@tpl.Key" />
                    <button type="submit" class="btn btn-primary btn-block">
                        <i class="fa fa-check"></i> @T("Plugins.CRS.EasyCreator.Editor.UseTemplate")
                    </button>
                </form>
            </div>
        </div>
    }

    @foreach (var tpl in userTemplates)
    {
        <div class="ec-tpl-card">
            <div class="ec-tpl-card__thumb"><i class="fa fa-user"></i></div>
            <div class="ec-tpl-card__body">
                <h5 class="ec-tpl-card__title">@tpl.Name</h5>
                <p class="ec-tpl-card__desc">@tpl.Description</p>
            </div>
            <div class="ec-tpl-card__action">
                <form asp-action="SelectTemplate" method="post">
                    <input type="hidden" name="id" value="@Model.Id" />
                    <input type="hidden" name="key" value="@tpl.Key" />
                    <button type="submit" class="btn btn-primary btn-block">
                        <i class="fa fa-check"></i> @T("Plugins.CRS.EasyCreator.Editor.UseTemplate")
                    </button>
                </form>
            </div>
        </div>
    }
</div>
