@import java.nio.file.Path
@import utils.StringUtils._
@import os._

@(context_path: String, title: String, portfolioPath: Path, rootNode: DirNode, isSlideshow: Boolean = false, modified: Boolean, environment: String)

@layouts.html.index(context_path, title, portfolioPath, rootNode, isSlideshow, modified, environment) {

  <section class="slides-container">

    @if(rootNode.files.isEmpty) {

    <h4 class="subheadline light">No Files</h4>

    } else {

      @for((file, index) <- rootNode.files.zipWithIndex) {
        <div class="slide-overlay four-third">
          <img class="rounded four-third"
               src="@context_path/images/@portfolioPath.last/@os.truncate(portfolioPath, file.path)">
          <a class="rounded" href="/slideshow/@os.truncate(portfolioPath, rootNode.path)/index/@index">
            <span class="subheadline light">@prettify(file.metadata.get.objectName)</span>
          </a>
          <div class="caption">
            <span class="red">&bull;</span> @file.metadata.get.title <br>
            <span class="red">&bull;</span> @file.metadata.get.description
          </div>
        </div>
        }
      }

  </section>

}