<?php namespace ProcessWire;

// build our main page-image2wbmp
if($page->pageimage) {
  // an image is present
  //$img = $page->pageimage->size(781, 867);
  $str_image = '<figure><img src="'.$page->pageimage->url.'" alt="Image RLD Active picture missing"/></figure>';
} else { $str_image = '';} // set the default picture e.g logo

// build the article list, if needed
$link_list = '';
$artikelen = '';
$head_line = '';

foreach ($page->artikel as $artikel) {
  if ($artikel->reference) {
    if (strlen($artikel->headline) > 0) {
      if (strlen($link_list) <= 0) {
        // we have an item, start unsorted link_list
        $link_list = '<ul>';
      }
      //add line with reference on page
      $link_list .= '<li class="link_list"><a href="#'.preg_replace("/\s+/", "", strtolower($artikel->headline)).'">'.$artikel->headline.'</a></li>';
    }
    $artikelen .= '<section id="'.preg_replace("/\s+/", "", strtolower($artikel->headline)).'">'.$artikel->body.'</section>';
  } else {
      $link_list .= '<li>'.$artikel->headline.'</li>';
      $artikelen .= '<p>'.$artikel->body.'</p>';
  }
  $artikelen .= ($artikel->line_horizontal) ? '</br><div class="line_hor"><hr></div>' : '';
  $artikelen .= '</br>';
}
if (strlen($link_list) > 0) {
  $link_list .= '</ul>';
}

$head_line = ($page->line_horizontal) ? '<div class="line_hor"><hr></div>' : '';

// main content of the page
$content = '
      <!-- content_header -->
      <div id="content_header" class="content_header">
        <div class="container">
          <div class="row">
            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
              <div class="content_header_img">'.$str_image.'</div>
            </div>
            <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 pa-ing">
              <div class="content_header_text">
                <div class="content_header_text_box">
                  <h2>'.strtok($page->headline, " ").'<strong class="black">'.strstr($page->headline," ").'</strong></h2>
                  <p>'.$page->info_box.'</p>
                  <p>'.$link_list.'</p>
                  '.$head_line.'
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- end about -->
      
      <!-- basic_page -->
      <div id="basic_page" class="basic_page">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <p>'.$artikelen.'</p>
              <p>'.$page->body.'</p>
            </div>
          </div>
        </div>
      </div>
           ';
