[slot vrtx-content-top /]
[slot vrtx-main-content]
  [def levelMultiple document.properties.levelMultiple]
  [call "resource:fs-studieprogram-language-link"]
  <div id="vrtx-fs-studieprogram-title-intro-links-wrapper">
    <h1>[call "comp:title"]</h1>

    <div id="vrtx-fs-studieprogram-facts">
      <dl>
        [if levelMultiple]
          [def level levelMultiple.0]
          <div class="dg">
            <dt>[localized "levelMultiple"]:</dt>
            <dd>
              [if level != 'none'][val localized(
                'fs-studieprogram-frontpage.resource:levelMultiple.' + document.properties.levelMultiple.0
              )][/if]
            </dd>
          </div>
        [/if]
        [call "comp:fs-display-facts" {
          "fs": fs,
          "fields": #("duration", "points")
        }]
        [if fs.percent != null]
          [if int(fs.percent) < 100]
            <div class="dg">
              <dt>[localized "study-percent"]:</dt>
              <dd>[localized "study-part_time"]</dd>
            </div>
          [/if]
        [/if]
      </dl>
    </div>

    [if search-button-shared-text != null && search-button-shared-text != ""]
      <div id="vrtx-fs-studieprogram-search-button">
        [call "include:shared-text" {"propName":"search-button-shared-text"}]
      </div>
    [/if]
    [if document.properties.vacancies != null
      && (document.properties.vacancies = "true" || document.properties.vacancies = true)
    ]
      <p>[localized "vacanciesDescription"]</p>
    [/if]

    [call "comp:introduction-image"]
    [call "comp:introduction"]
    [call "comp:legacy-program-links"]
  </div>
  <div id="vrtx-fs-studieprogram-content">
    [call "comp:fs-studieretning-list"]
    [call "comp:fs-display-fields" {
      "fs": fs,
      "fields": #("programme_content"),
      "level": 2
    }]

    <div class="vrtx-article-body">
      [call "json:field" {"select": "content"}]
    </div>
    [call "comp:fs-studieprogram-plans"]
    [call "comp:fs-studieprogram-contact"]
    <div id="vrtx-fs-studieprogram-delivered-by">
      <h2>[localized "study-delivered-by"]</h2>
      [if fs.institute]
        [if fs.institute_url]
          <a href="[val fs.institute_url]">[val fs.institute]</a>
        [else]
          <span>[val fs.institute]</span>
        [/if]
      [/if]
    </div>
  </div>
[/slot]