@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 columns-2">

    @for(node <- rootNode.subdirs) {

      @if(node.files.nonEmpty) {
        @node.findOne(isFile = true, random = true) match {
          case Some(file) => {
            <div class="slide-overlay four-third rounded">
              <img class="four-third rounded"
                   src="@context_path/images/@portfolioPath.last/@node.path.last/@os.truncate(node.path, file.path)">
              <a class="rounded" href="/slideshow/@os.truncate(portfolioPath, node.path)/index/0">
                <span class="subheadline light">@prettify(node.path.last.toString)</span>
              </a>
            </div> }
          case None => {
            <div class="slide-overlay four-third rounded">
              <a class="rounded" href="/slideshow/@os.truncate(portfolioPath, node.path)/index/0">
                <span class="subheadline light">@prettify(node.path.last.toString)</span>
              </a>
            </div> }
          }

      } else {

        @node.findOneBy(_.depth > 1, isFile = true, random = true) match {
          case Some(file) => {
            <div class="slide-overlay four-third rounded">
              <img
                class="four-third rounded"
                src="@context_path/images/@portfolioPath.last/@node.path.last/@os.truncate(node.path, file.path)">
              <a class="rounded" href="/album/@node.path.last">
                <span class="subheadline light">@prettify(node.path.last.toString)</span>
              </a>
            </div> }
          case None => {
            <div class="slide-overlay four-third primary-background rounded">
              <a class="rounded" href="/album/@node.path.last">
                <span class="subheadline light">@prettify(node.path.last.toString) Nothing to display</span>
              </a>
            </div> }

        }
      }
    }

  </section>

}