@using CRS.EasyCreator.Components
@model EasyStoryWidgetModel
@{
    var s = Model.Story;
}

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

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

<div class="crs-easycreator-story ec-lang-@Model.LangCode@(Model.IsAdmin ? " cc-is-admin" : "")@(s.FullWidth ? " ec-fullwidth" : "")"
     id="crs-easycreator-@s.Id" data-story-id="@s.Id">
    @if (Model.IsAdmin)
    {
        <a class="cc-edit-overlay" href="/admin/crseasycreator/story/editor/@s.Id" target="_blank" rel="noopener"
           title="Im Editor oeffnen" aria-label="Im Editor oeffnen"><i class="fa fa-cog" aria-hidden="true"></i></a>
    }
    @(await Component.InvokeAsync("EasyStoryBody", new { html = Model.Html }))
</div>

@if (s.ParallaxScrolling || s.ParallaxPlus)
{
    <script src="~/Modules/CRS.EasyCreator/js/easycreator/parallax-runtime.js?v=@ecv"></script>
}
<script src="~/Modules/CRS.EasyCreator/js/easycreator/catalog-fit.js?v=@ecv"></script>
<script src="~/Modules/CRS.EasyCreator/js/easycreator/ec-slider.js?v=@ecv"></script>
