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

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

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

  <section id="slideshow" class="slideshow">

    <div id="slides" class="slides">
      @if(rootNode.isNotEmpty) {
        @for((file, i) <- rootNode.files.zipWithIndex) {
          <div id="@(i+1)" class="slide fade-in">
            <a href="#"><img src="@context_path/images/@portfolioPath.last/@os.truncate(portfolioPath, file.path)"></a>
            <span class="info hide-s">
              <span>
                Image @(i+1) / @rootNode.files.size
              </span>&nbsp;
              <span>
                @if(file.metadata != None) { @file.metadata.get.description }
              </span>
            </span>
          </div>
        }
      }
    </div>

    <script type="text/javascript"
            src="@context_path/webui/scripts/slideshow.js"
            onload='main("@index")'>

    </script>

  </section>

}