<?php include('header.tpl'); ?>
<div id="project_margin">
<?php include('projects_data/project_items.php'); ?>
<div class="collection_container">
<?php
  $index = 0;
  foreach($collections as $c) {
    $html = '
      <div class="collection">
        <h1>' . $c["name"] . '</h1>

        <div class="col-img-container">
          <img class="col-image" src="projects_data/img/' . $c['preview_image_url'] . '" alt="example image for ' . $c['name'] .'">
          <div class="col-img-desc">
            <div>
              <p>' . $c['name'] . '</p>
              <a href="show_collection.php?id=' . $index .'" class="button button-accent button-small">Details</a>
            </div>
          </div>
        </div>
        <div class="col-desc">
          ' . $c['collection_description'] . '
        </div>
      </div>
    ';
    print($html);
    $index += 1;
  }
?>
</div>
    <section class="cta" style="clear: both;">
        <div class="container">
            <h2 class="title title-cta">Order your piece now!
            </h2>
            <a href="contacts.html" class="button button-dark">Order</a>
        </div>
    </section>
</div>
<?php include('footer.tpl'); ?>