@using Smartstore.Core.Localization
@inject Smartstore.Core.IWorkContext WorkContext
@model CRS.EasyCreator.Domain.EasyStory
@{
    Layout = "_Layout";
    var title = Model.GetLocalized(x => x.Title).Value.NullEmpty() ?? Model.SystemName;
    var metaTitle = Model.GetLocalized(x => x.MetaTitle).Value.NullEmpty() ?? title;
    var metaDesc = Model.GetLocalized(x => x.MetaDescription).Value;
    var metaKw = Model.GetLocalized(x => x.MetaKeywords).Value;

    ViewBag.Title = metaTitle;
    Assets.AppendTitleParts(metaTitle);
    if (metaDesc.HasValue()) Assets.AppendMetaDescriptionParts(metaDesc);
    if (metaKw.HasValue()) Assets.AppendMetaKeywordsParts(metaKw);

    var html = (string)ViewBag.Html ?? string.Empty;
    var css = (string)ViewBag.Css ?? string.Empty;
}

@{ var ecv = CRS.EasyCreator.EcAssets.Version; }
<link rel="stylesheet" href="~/Modules/CRS.EasyCreator/css/easycreator.css?v=@ecv" />

@if (!string.IsNullOrEmpty(css))
{
    <style data-crs-easycreator="@Model.Id">@Html.Raw(css)</style>
}

<div class="crs-easycreator-story crs-easycreator-page ec-lang-@(WorkContext.WorkingLanguage.UniqueSeoCode)@(Model.FullWidth ? " ec-fullwidth" : "")@(Model.BodyCssClass.HasValue() ? " " + Model.BodyCssClass : "")"
     data-story-id="@Model.Id"
     @(Model.HtmlId.HasValue() ? "id=\"" + Model.HtmlId + "\"" : "")>
    @(await Component.InvokeAsync("EasyStoryBody", new { html }))
</div>

@if (Model.ParallaxScrolling || Model.ParallaxPlus)
{
    <script src="~/Modules/CRS.EasyCreator/js/easycreator/parallax-runtime.js?v=@ecv"></script>
}
@if (CRS.EasyCreator.Services.Catalog.EasyBodyParser.HasCatalog(html))
{
    <script src="~/Modules/CRS.EasyCreator/js/easycreator/catalog-fit.js?v=@ecv"></script>
}
@if (CRS.EasyCreator.Services.Catalog.EasyBodyParser.HasCatalog(html) || (html != null && html.Contains("ec-slider")))
{
    <script src="~/Modules/CRS.EasyCreator/js/easycreator/ec-slider.js?v=@ecv"></script>
}
