{{define "home"}}
{{template "base/header" .}}
{{template "components/error" .}}
<script>
var Active = "{{.File.Name}}";
</script>

<section class="hero is-small is-primary">
  <div class="hero-body" id="title">
    <p class="title">
      {{.AppName}}
    </p>
  </div>
</section>

<div class="columns">
  <div class="column is-one-quarter">
    <div class="box">
      {{template "components/menu" .}}
    </div>
    <div class="box has-text-centered">
      <a href="/api/export" class="button is-small">Export Files</a>
    </div>
  </div>
  <div class="column">
    <div class="box">
      {{if and .HideConfig (eq .File.Name .AppName)}}
      Home
      {{else}}
      {{template "components/editor" .}}
      {{end}}
    </div>
    {{if .ResultBellow}}
    <div class="box">
      <div id="result_editor"></div>
    </div>
    {{end}}
  </div>
</div>
{{if not .ResultBellow}}
{{template "components/result" .}}
{{end}}
{{template "base/footer" .}}
{{end}}