#LOCAL("VisibilityPrefix", "Visible")#IF(#INPUT.IsEditorMode)#SET("VisibilityPrefix", "")#ENDIF
#LOCAL("IsReplyAllowed", #FUNCTION("ISACTIONALLOWED", "ViewAddReply"))
#LOCAL("NumReplies", #COUNT(#GET(#VisibilityPrefix . "Replies")))
#IF(#DEFINED(#Session.User) AND #Session.User.IsMerchant)#SET("IsReplyAllowed", 1)#ENDIF
  #INCLUDE("Content-BreadCrumb")

<div class="ClearBoth"></div>

<div itemscope itemtype="http://schema.org/BlogPosting">
  <div class="BlogListItem">


  #IF(#ISACTIONALLOWED("RSS", #Object, #System.Child.Groups.Child.Everyone.Object))
    <a class="FloatRight RightSmallMargin" href="#Shop.WebServerScriptUrl/?ObjectPath=#Path[url]&amp;ViewAction=RSS"><img src="#System.StoreRoot/SF/Icon/ico_m_rss.png" alt="{RSSFeed}" title="{RSSFeed}"/></a>
  #ENDIF
    <span class="PublishInfo">#INCLUDE("INC-BlogPostPublishInfo")</span>
    #BLOCK("InlineEditor", "text", #Object, "Subject", "Tag=h1")<h1 itemprop="name headline">#IF(#Subject)#Subject#ELSE({NoSubject})#ENDIF</h1>#ENDBLOCK

    <meta itemprop="url" content="#CanonicalURL" />
    <meta itemprop="wordCount" content="#WORDCOUNT(#Text[nobreak,nohtml,decodehtml])" />

    #IF(#DEFINED(#ImageMedium))
    <div class="CategoryImage">#BLOCK("InlineEditor", "image", #Object, "ImageMedium")<img src="#ImageMedium[webpath]" alt="#NameOrAlias" title="#NameOrAlias" itemprop="image" />#ENDBLOCK</div>
    #ELSIF(#INPUT.IsEditorMode)
    <div class="CategoryImage">#BLOCK("InlineEditor", "image", #Object, "ImageMedium")<img src="#System.StoreRoot/BO/icons/general_img_transparentpixel.gif" width="100" height="100" alt="#NameOrAlias" title="#NameOrAlias" />#ENDBLOCK</div>
    #ENDIF

    #IF(#INPUT.IsEditorMode)
    <div class="Message">
      #BLOCK("InlineEditor", "html", #Object, "Text", "Tag=div;ShowPageBreak=true")<div itemprop="description articleBody text">#Text[0]</div>#ENDBLOCK
    </div>
    #ELSE

    <div itemprop="description articleBody text">
      #IF(#DEFINED(#BlogPostExcerpt))
      <div class="Teaser">
        #BlogPostExcerpt[0]
      </div>
      <div><br /></div>
      #ENDIF
      <div class="Message">
        <a name="MainText"></a>
        #BlogPostMainText[0]
      </div>
      #ENDIF
    </div>

    <div class="Box">
      #IF(#Parent.WritePermissionFor NE #Shop.Child.Groups.Child.Merchants.ID)
      <div class="FloatRight">
        #IF(NOT #IsClosed AND #IsReplyAllowed AND NOT #TooManyReplies)
          <a ref="nofollow" href="?ObjectPath=#Path#WriteComment" onclick="focusReplySubject()">{WriteComment}</a>
        #ELSE
          {Comments}: #NumReplies
        #ENDIF
      </div>
      #ENDIF

      #IF(#COUNT(#Tags) OR #INPUT.IsEditorMode)
      {MoreAbout}:
      #BLOCK("InlineEditor", "tags", #Object, "TagNamesString", "Tag=span")
      <span itemprop="keywords">#JOIN(", ", #Tags)<a class="RealLink" href="?ObjectPath=#Parent.Path&amp;ViewAction=ViewTag&amp;Tag=#Tag[uri]">#Tag</a>#ENDJOIN</span>
      #ENDBLOCK
      #ENDIF
      <div class="ClearBoth"></div>
    </div>
  </div>

  #MENU("Content-AdditionalButtons")#INCLUDE(#Template)#ENDMENU

  #IF(#NumReplies > 0)
    <a name="Comments" ></a>
    <h2 class="BlogComments">{Comments}: #NumReplies</h2>
    <meta itemprop="interactionCount" content="UserComments:#NumComments" />

    #LOOP(#FUNCTION("SORT", #GET(#VisibilityPrefix . "Replies"), "CreationDate", 0))
    <div itemprop="comment" itemscope itemtype="http://schema.org/UserComment">
      <div class="Box#IF(#ItemNo %2) Alternate#ENDIF ForumPlainItemPosterContainerInner AlignLeft">
        <b itemprop="creator" itemscope itemtype="http://schema.org/Person"><span itemprop="name">
          #IF(#User)
            #IF(#User.IsMerchant OR NOT #DEFINED(#User.BillingAddress))
              #User.NameOrAlias
            #ELSE
              #WITH(#User.BillingAddress)
                #IF(#DisplayName)#DisplayName#ELSE#FullName#ENDIF
              #ENDWITH
            #ENDIF
          #ELSE
            {Guest}
          #ENDIF
        </span></b>
        |
        <time itemprop="commentTime" datetime="#FORMAT(#CreationDate, "datetime", "CreationDate", "en_GB", "%Y-%m-%dT%H:%M%z")">#CreationDate[datetime]</time>

        #IF(#Spam == 0 AND #FUNCTION("ISACTIONALLOWED", "ReportSpam") AND #IsReplyAllowed)
        <form id="blogSpamForm" class="DisplayInlineBlock PaddingLeft ep-js" data-js=".uiForm()" method="post" action="?">
          <div>
            <input type="hidden" name="ViewObjectID" value="#INPUT.ObjectID"/>
            <input type="hidden" name="ViewAction" value="#INPUT.ViewAction"/>
            <input type="hidden" name="ChangeObjectID" value="#ID"/>
            <input type="hidden" name="ChangeAction" value="ReportSpam"/>
            <button type="submit" class="Link SpamLink" value="{ReportSpam}">{ReportSpam}</button>
          </div>
        </form>
        <br class="ClearBoth" />
    #ELSIF (#Spam == 1 AND #DEFINED(#Session.User) AND #Session.User.IsMerchant)
        <span class="FloatRight SpamLink">{MarkedAsSpam}</span>
    #ENDIF
      </div>

      <div class="BlogComment">
        <div class="Bold">#IF(#Subject)#Subject#ELSE({NoSubject})#ENDIF</div>
        <div itemprop="commentText">#Message[preline]</div>
      </div>
    </div>

    #ENDLOOP
  #ENDIF

  #IF(NOT #IsClosed)
    <a name="WriteComment" ></a>
    #IF(NOT #IsReplyAllowed OR #TooManyReplies)
      <div class="DialogMessage">
        #IF(#TooManyReplies)
          {TooManyReplies}
        #ELSIF(NOT #DEFINED(#Session.User) OR #Session.User.IsAnonymous)
          #IF(NOT(#Parent.WritePermissionFor EQ #Shop.Child.Groups.Child.Merchants.ID))
            {LoginRequiredNote}
          #ENDIF
        #ELSE
          {CommentsNotAllowedForGroup}
        #ENDIF
      </div>
    #ENDIF
    #IF(NOT #IsReplyAllowed AND (NOT #DEFINED(#Session.User) OR #Session.User.IsAnonymous) AND (#Parent.WritePermissionFor NE #Shop.Child.Groups.Child.Merchants.ID))
      <a rel="nofollow" href="?ObjectPath=#Path&amp;ViewAction=ViewAddReply" class="CustomButton FloatLeft">
        <span>
          <ins style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='#System.StoreRoot/#Style.LayoutIconSet/ico_s_accountpasswd.png')">
            <img src="#System.StoreRoot/#Style.LayoutIconSet/ico_s_accountpasswd.png" alt="" class="AlphaImage"/>
          </ins>
          <span>{LoginToWriteComment}</span>
        </span>
      </a>
      <a rel="nofollow" href="#BASEURL(#Shop, 1)?ObjectPath=#Shop.Path[url]&amp;ViewAction=ViewRegistration" class="CustomButton FloatLeft #IF(NOT #INPUT.SERVER_PORT_SECURE)SSLSwitch#ENDIF" >
        <span>
          <ins style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='#System.StoreRoot/#Style.LayoutIconSet/ico_s_orderstatus_closed.png')">
            <img src="#System.StoreRoot/#Style.LayoutIconSet/ico_s_orderstatus_closed.png" alt="" class="AlphaImage"/>
          </ins>
          <span>{RegisterNow}</span>
        </span>
      </a>
      <div class="ClearBoth"></div>
    #ENDIF
  #ELSE
    <div class="DialogMessage">{NoFurtherCommentsAllowed}</div>
  #ENDIF
  #IF(NOT #IsClosed AND #IsReplyAllowed AND NOT #TooManyReplies)
   #IF(#FormError AND NOT #FormErrors.Form.Login.ErrorCount)
    <br />
    <div class="DialogMessage MessageWarning">
    #LOOP(#FormErrors.Errors)
      #IF(#Reason EQ "UNDERRUN_POST_DELAY")
        <p>{UnderrunPostDelay}<br /><a class="Action" href="?ObjectPath=#Path#Comments"><strong>{ShowComment}</strong></a></p>
      #ELSIF(#Reason EQ "STRING_EMPTY")
        <h3>{Notification}</h3><p>{FillInAComment}</p>
      #ELSE
        {UnknownError} ({Error}: #Reason)
      #ENDIF
    #ENDLOOP
    </div>
   #ENDIF
  <form id="blogWriteCommentForm" class="ep-js" data-js=".uiForm()" method="post" action="?ObjectPath=#Path">
    <input type="hidden" name="ChangeAction" value="AddReply" />
    <input type="hidden" name="ErrorAction" value="#INPUT.ViewAction" />
    <input type="hidden" name="ViewObjectID" value="#ID" />
    <div class="TableHead">
      <div>{WriteComment}</div>
    </div>
    <div class="Dialog">
      <fieldset>
        <legend class="ForumPostLegend">{Headline}</legend>
        <div class="ForumPostInputContainer">
          <input class="ForumPostSubjectInput ep-js" data-js=".uiValidate({ required:true, maxlength:255 #IF(#FormError_Subject) ,valid:false#ENDIF})" type="text"
                 tabindex="1"
                 id="AddReplySubject"
                 name="Subject"
                 value="#IF(#FormError AND #DEFINED(#INPUT.Subject))#INPUT.Subject#ELSE#SPACE[0]{ReplySubjectShortCut}: #Subject[html]#ENDIF" />
        </div>
      </fieldset>
      <fieldset>
        <legend class="ForumPostLegend">{Comment}</legend>
          <div class="ForumPostMessageContainer">
            <textarea tabindex="2" class="InputResize ForumPostMessageText ep-js" data-js=".uiValidate({required:true})" id="AddReplyMessage" name="Message">#IF(#FormError AND #DEFINED(#INPUT.Message))#INPUT.Message#ENDIF</textarea>
          </div>
      </fieldset>
      <div class="ContactFormSenderName">
        <label for="SenderName">SenderName *</label> <input name="SenderName" value="" type="text" />
      </div>
    </div>
    <div class="DialogButtonbar">
      <button tabindex="3" class="ep-js" data-js=".uiInput()" type="submit">
        <span class="ep-sprite ep-sprite-s ShoppingListIcon"></span>{SendComment}
      </button>
    </div>
  </form>
  #ENDIF
</div>
<hr class="Separator ClearBoth" />
#ENDLOCAL
#ENDLOCAL
#ENDLOCAL