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

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

<div id="sidebar" class="sidebar">
    <a id="close-sidebar" class="close-button">&times;</a>

    <dl>

      <dt><a class="headline primary light" href="/">Home</a></dt>

      <dt><a class="headline primary light" href="/">@prettify("portfolio")</a></dt>


      @if(rootNode.parent != null) {
        @if(rootNode.parent.path.last.toString != portfolioPath.last.toString) {
        <dt class="indent-1">
          <a class="headline primary" href="/album/@os.truncate(portfolioPath, rootNode.parent.path)">
            @os.truncate(portfolioPath, rootNode.parent.path).mkString(" / ")
          </a>
        </dt>
        }
      }

      @if(rootNode.subdirs.nonEmpty) {
        @if(title.toLowerCase != portfolioPath.last.toString.toLowerCase) {
          <dt class="indent-1">
            <a class="headline white" href="">&rarr; @prettify(rootNode.path.last.toString)
            </a>
          </dt>
        }
        @for(node <- rootNode.subdirs) {
          @if(node.files.nonEmpty) {
            @if(node.files.size > 36) {
              <dd class="indent-2">
                <a class="subheadline primary light" href="/list/@os.truncate(portfolioPath, node.path)/index/0">
                  @prettify(node.path.last.toString)
                </a>
              </dd>

            } else {
              <dd class="indent-2">
                <a class="subheadline primary light" href="/slideshow/@os.truncate(portfolioPath, node.path)/index/0">
                  @prettify(node.path.last.toString)
                </a>
              </dd>
            }

          } else {
            <dd class="indent-2">
              <a class="subheadline primary light" href="/album/@os.truncate(portfolioPath, node.path)">
                @prettify(node.path.last.toString)
              </a>
            </dd>
          }
        }
      }


      @if(rootNode.files.nonEmpty) {
        @if(title.toLowerCase != portfolioPath.last.toString.toLowerCase) {
          <dt class="indent-1"><a class="headline white" href="/list/@os.truncate(portfolioPath, rootNode.path)">
            &rarr; @prettify(rootNode.path.last.toString)</a></dt>
        }
        @for((node, index) <- rootNode.files.zipWithIndex) {
          <dd class="indent-3">
            <a class="subheadline primary light" href="/slideshow/@os.truncate(portfolioPath, rootNode.path)/index/@index">
              @if(node.metadata.get.title.toLowerCase != "untitled") {
                @prettify(node.metadata.get.title) } else {
                  @prettify(node.parent.path.last.toString) @index }
            </a>
          </dd>
        }
      }



      @if(title.toLowerCase != "about") {
        <dt><a class="headline primary light" href="/about">About</a></dt>
      } else {
        <dt><a class="headline white" href="/about"> &rarr; About</a></dt>
      }


    </dl>

  </div>