[slot vrtx-main-content]
  [def rc = request-context()]
  [def resourceUri rc.resource-uri]
  [def repoId rc.repository-id]

  [!-- Kj?r vanlig under uio1 design under for-ansatte: --]
  [if resourceUri ~ "/for-ansatte/.*" && (repoId = "uio-test.uio.no" || repoId = "www.uio.no" || repoId = "vortex-test.uio.no")]
    [slot-content]
  [else]

  [def document structured-document()]
  [def author document.properties.author]
  [resource-props "."]

  [call "comp:link-other-language"]
  <div id="vrtx-main-user">

    [def portraitImage false]
    [def theHidePicture document.properties.hidePicture]
    [if theHidePicture = "false" || theHidePicture = false || theHidePicture = null]
      [def img-uri resource-prop(".", "picture")]
      [def pixel-width null]
      [def img null]
      [def pixel-width null]
      [def pixel-height null]

      [if img-uri != null]
        [def img resource(img-uri)]
      [/if]
      [if img != null]
        [def pixel-width resource-prop(img-uri, "pixelWidth")]
        [def pixel-height resource-prop(img-uri, "pixelHeight")]
        [if pixel-width != null && pixel-height != null]
          [if pixel-height > pixel-width]
            [def portraitImage true]
          [/if]
        [/if]
      [/if]
    [/if]

    <div id="vrtx-introduction-wrapper"[if portraitImage] class="portrait-image"[/if]>
      [if portraitImage = true]<div>[/if]
      <h1>[call "comp:title"]</h1>
      [call "comp:introduction"]

      [if portraitImage = false]
        [call "comp:introduction-image"]
      [/if]

      [!-- Hvis forfatter finnes, kommer publiseringstidspunkt/forfatter f?r innholdet: --]
      [if author != null && author != ""]
        <div class="publish-info">
          [call "comp:author"]
          [if publish-date != null]
            <div class="vrtx-date-info">
              <span class="published-date-label">[localized "publishedDate"]</span> <span class="published-date">[val publish-date # "short"] </span>
              [if publish-date < lastModified]
                <span class="separator-date"> - </span> <span class="last-modified-date">[localized "lastModifiedDate"]</span> <span class="last-modified-date">[val lastModified # "short"]</span>
              [endif]
            </div>
          [endif]
        </div>
      [/if]
      [if portraitImage = true]
        </div>
        [call "comp:introduction-image"]
      [/if]
    </div>
    [call "resource:media-player"]
    <div class="vrtx-article-body">
      [call "json:field" {"select": "content"}]
    </div>
  </div>
  [call "comp:related-content-in-main-column"]
  [call "resource:tags"]

  [!-- Hvis forfatter mangler, kommer publiseringstidspunkt etter innholdet: --]
  [if author = null || author = ""]
    <div class="publish-info">
      [if publish-date != null]
        <div class="vrtx-date-info">
          <span class="published-date-label">[localized "publishedDate"]</span> <span class="published-date">[val publish-date # "short"] </span>
          [if publish-date < lastModified]
            <span class="separator-date"> - </span> <span class="last-modified-date">[localized "lastModifiedDate"]</span> <span class="last-modified-date">[val lastModified # "short"]</span>
          [/if]
        </div>
      [/if]
    </div>
  [/if]

  [if component-available("resource:email-friend")
      || component-available("resource:share-at")]
    <div class="vrtx-social-components">
      [if component-available("resource:email-friend")]
        [call "resource:email-friend"]
      [/if]
      [if component-available("resource:share-at")]
        [call "resource:share-at" {"use-facebook-api": true}]
      [/if]
    </div>
  [/if]

  [call "resource:comments"]

  [/if]
[/slot]