<% include header.ejs %>

<nav>
  <ol class="breadcrumb">
  </ol>
</nav>

<article class="row">
  <aside id="sidebar" class="col-md-3">
    <nav id="packages">
      <h2>Packages</h2>
      <div class="search">
        <div class="input-group">
          <input type="text" class="form-control text" placeholder="Search">
          <span class="input-group-btn">
            <a class="btn btn-default reset"><span class="glyphicon glyphicon-remove-sign"></span></a>
          </span>
        </div>
      </div>
      <ul class="nav nav-pills nav-stacked"></ul>
    </nav>

    <div id="sticky" >
      <section id="files">
        <nav id="logs">
          <h3 class="title">Files</h3>
          <ul class="nav nav-pills nav-stacked"></ul>
        </nav>
        <div class="others">
          <nav id="sources">
            <h4>Sources
              <a class="btn btn-link" data-toggle="tooltip" data-placement="right" title="Get all sources in one click"  onclick="download_all('#sources')">
                <span class="glyphicon glyphicon-download-alt"></span>
              </a>
            </h4>
            <ul></ul>
          </nav>
          <nav id="debs">
            <h4>Debs
              <a class="btn btn-link" data-toggle="tooltip" data-placement="right"  title="Get all debs in one click"  onclick="download_all('#debs')">
                <span class="glyphicon glyphicon-download-alt"></span>
              </a>
            </h4>
            <ul></ul>
          </nav>
        </div>
      </section>
    </div>
  </aside>

  <section data-toggle="tooltip" title="Back on Top" id="sticky-package">
    <div id="sticky-package-content">
      <div class="panel-heading">
        <h3 class="panel-title">
          <span class="status pull-right"></span>
          <span class="name"></span>
        </h3>
      </div>
      <div class="panel-body">
        <div class="version"></div>
        <div class="distribution text-muted"></div>
      </div>
    </div>
  </section>

  <section id="main" class="col-md-9">
    <header>
      <h1 id="title"></h1>
    </header>
    <div id="error" class="panel panel-danger">
        <div class="panel-heading">
          <h3 class="panel-title">Oh snap!</h3>
        </div>
        <div class="panel-body message"></div>
    </div>
    <div id="welcome"></div>
    <div id="file">
      <div id="package_info"></div>
      <pre class="content"></pre>
      <div id="fileOffset"></div>
    </div>
  </section>
</article>

<section data-toggle="tooltip" title="Back on Top" id="sticky-package">
  <div id="sticky-package-content">
    <div class="panel-heading">
      <h3 class="panel-title">
        <span class="status pull-right"></span>
        <span class="name"></span>
      </h3>
    </div>
    <div class="panel-body">
      <div class="version"></div>
      <div class="distribution text-muted"></div>
    </div>
  </div>
</section>
<% include footer.ejs %>
