@using Articulate
@using Umbraco.Core
@model Articulate.Models.PostModel
@{
    Layout = "Master.cshtml";
    ViewBag.CssBodyClass = "post-template";
    var imageToUse = Model.PostImageUrl;

}

<div class="content">
    <div class="ripe__container">
        <div class="ripe__row">
            <div class="ripe__col ripe__col--12">
                <style>
                    .headerblock__background {
                        background-image: url("/");
                    }

                    /*@@media screen and (max-width: 600px) {
                            .headerblock__background {
                                background-image: url(/media/1107/jewellery_header_image_mob.jpg);
                            }
                        }*/
                </style>

                <div class="headerblock">


                    @imageToUse


                    <div class="headerblock__background">
                        <div class="headerblock__container">

                            <h1 class="headerblock__heading headerblock__heading--blog">@Model.Name</h1>
                        </div>
                        <img src="/images/curve.png" alt="" class="headerblock__curve">
                    </div>
                </div>

            </div>
        </div>

    </div>

</div>


<div class="content__row">
    <article class="@Model.BlogDescription">

        <div class="outer-container outer-container--maincontent">

            <div class="blog__col-left">
                <div class="content">



                    <header>

                        @Html.ThemedPartial(Model, "PostTags")

                        @if (!Model.Author.Name.IsNullOrWhiteSpace())
                        {
                            <section class="author">
                                @if (!Model.Author.Image.IsNullOrWhiteSpace())
                                {
                                    <div class="authorimage" style="background: url(@Model.Author.Image)"></div>
                                }

                                <h4>
                                    @if (!Model.Author.Url.IsNullOrWhiteSpace())
                                    {
                                        <a href="@Model.Author.Url">@Model.Author.Name</a>
                                    }
                                    else
                                    {
                                        <p>Written by @Model.Author.Name - <time datetime="@Model.PublishedDate.ToString("yyyy-MM-dd")"> @Model.PublishedDate.ToString("dddd, MMMM dd, yyyy")</time></p>
                                    }
                                </h4>
                                @if (!Model.Author.Bio.IsNullOrWhiteSpace())
                                {
                                    <p class="bio">@Model.Author.Bio</p>
                                }
                            </section>
                        }

                    </header>



                    <section class="post-content">

                        @if (!Model.PostImageUrl.IsNullOrWhiteSpace())
                        {
                            var cropUrl = Model.GetCropUrl("postImage", "blogPost");
                            if (!cropUrl.IsNullOrWhiteSpace())
                            {
                                <img class="postImage" alt="@Model.Name" src="@cropUrl" />
                            }
                        }

                        @Model.Body
                    </section>

                </div>


            </div>

            <div class="blog__col-right">

            </div>

            <section class="share">
                @*<p class="info prompt">Share this post</p>*@
                <a class="blog__icon-container blog__icon-container--twitter" href="http://twitter.com/share?text=@Model.Name&url=@Model.NiceUrlWithDomain()"
                   onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
                    <i class="fa fa-2x fa-fw blog__icon fa-twitter"></i> @*<span class="hidden">Twitter</span>*@
                </a>
                <a class="blog__icon-container blog__icon-container--facebook" href="https://www.facebook.com/sharer/sharer.php?u=@Model.NiceUrlWithDomain()"
                   onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
                    <i class="fa fa-2x fa-fw blog__icon fa-facebook"></i> @*<span class="hidden">Facebook</span>*@
                </a>
                <a class="blog__icon-container blog__icon-container--google" href="https://plus.google.com/share?url=@Model.NiceUrlWithDomain()"
                   onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
                    <i class="fa fa-2x fa-fw blog__icon fa-envelope"></i> @*<span class="hidden">Google+</span>*@
                </a>
            </section>

            <div class="blog__comments">
                @if (Model.EnableComments)
                {
                    @Html.ThemedPartial(Model, "CommentsDisqus")
                    @*@Html.ThemedPartial(Model, "CommentsGooglePlus")*@
                    @*@Html.ThemedPartial(Model, "CommentsFacebook")*@
                }
            </div>



            </div>
        </article>
    </div>