<!--
    Credit goes to the Ruby on Rails team for this page
    has been heavily based on the default Rails page that is
    built with a scaffolded application.

    Thanks a lot to them for their work.

    See Ruby on Rails if you want a kickass framework in Ruby:
    http://www.rubyonrails.org/
-->

<div id="page">
      <div id="sidebar">
        <ul id="sidebar-items">
          <li>
            <h3>Join the community</h3>
            <ul class="links">

              <li><a href="http://perldancer.org/">PerlDancer</a></li>
              <li><a href="http://twitter.com/PerlDancer/">Official Twitter</a></li>
              <li><a href="https://github.com/PerlDancer/Dancer2/">GitHub Community</a></li>
            </ul>
          </li>

          <li>
            <h3>Browse the documentation</h3>

            <ul class="links">
              <li><a
              href="https://metacpan.org/pod/Dancer2::Manual">Introduction</a></li>
              <li><a href="https://metacpan.org/pod/Dancer2::Cookbook">Cookbook</a></li>
              <li><a
              href="https://metacpan.org/pod/Dancer2::Tutorial"
              title="a tutorial to build a small blog engine with Dancer">Tutorial</a></li>
            </ul>
          </li>

          <li>
            <h3>Your application's environment</h3>

            <ul>
                <li>Location: <span class="filepath">[% appdir %]</span></li>
                <li>Template engine: <span class="app-info"><% settings.template %></span></li>
                <li>Logger: <span class="app-info"><% settings.logger %></span></li>
                <li>Environment: <span class="app-info"><% settings.environment %></span></li>
            </ul>

          </li>
        </ul>

      </div>

      <div id="content">
        <div id="header">
          <h1>Perl is dancing</h1>
          <h2>You&rsquo;ve joined the dance floor!</h2>
        </div>

        <div id="getting-started">
          <h1>Getting started</h1>
          <h2>Here&rsquo;s how to get dancing:</h2>

          <h3><a href="#" id="about_env_link">About your application's environment</a></h3>

          <div id="about-content" style="display: none;">
            <table>
                <tbody>
                <tr>
                    <td>Perl version</td>
                    <td><span class="app-info"><% perl_version %></span></td>
                </tr>
                <tr>
                    <td>Dancer2 version</td>
                    <td><span class="app-info"><% dancer_version %></span></td>
                </tr>
                <tr>
                    <td>Backend</td>
                    <td><span class="app-info"><% settings.apphandler %></span></td>
                </tr>
                <tr>
                    <td>Appdir</td>
                    <td><span class="filepath">[% appdir %]</span></td>
                </tr>
                <tr>
                    <td>Template engine</td>
                    <td><span class="app-info"><% settings.template %></span></td>
                </tr>
                <tr>
                    <td>Logger engine</td>
                    <td><span class="app-info"><% settings.logger %></span></td>
                </tr>
                <tr>
                    <td>Running environment</td>
                    <td><span class="app-info"><% settings.environment %></span></td>
                </tr>
                </tbody>
            </table>
          </div>

    <script type="text/javascript">
    $('#about_env_link').click(function() {
        $('#about-content').slideToggle('fast', function() {
            // ok
        });
        return false;
    });
    </script>


          <ol>
            <li>
              <h2>Tune your application</h2>

              <p>
              Your application is configured via a global configuration file,
              <span class="filepath">config.yml</span> and an "environment" configuration file,
              <span class="filepath">environments/development.yml</span>. Edit those files if you
              want to change the settings of your application.
              </p>
            </li>

            <li>
              <h2>Add your own routes</h2>

              <p>
              The default route that displays this page can be removed,
              it's just here to help you get started. The template used to
              generate this content is located in
              <span class="filepath">views/index.tt</span>.
              You can add some routes to <span class="filepath">[% appfile %]</span>.
              </p>
            </li>

            <li>
              <h2>Enjoy web development again</h2>

              <p>
              Once you've made your changes, restart your standalone server
              <span class="filepath">(bin/app.psgi)</span> and you're ready
              to test your web application.
              </p>
            </li>

          </ol>
        </div>
      </div>
    </div>