{% extends 'base.html' %}

{% block header %}
  <style>
    .maindiv {
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 1;
        top: 20;
        left: 0;
        overflow-x: hidden;
        padding-left: 1.2rem;
        padding-right: 2rem;
      }
    .sidenav {
        height: 100%;
        max-width: 160px;
        z-index: 1;
        overflow-x: hidden;
    }
  </style>
{% endblock %}

{% block content %}
  <div class="container maindiv">
    <div class="columns">
      <div class="column col-3">
        <ul class="nav">
            <li class="nav-item">
              <a href="/home">主页</a>
            </li>
            <li class="nav-item">
              <a href="/search">搜索</a>
            </li>
            <li class="nav-item">
              <a href="/addbook">增加</a>
            </li>
            <li class="nav-item">
                <a href="/tags">分类</a>
            </li>
          </ul>
      </div>
      <div class="column col-9 panel">
        <div class="panel-header">
          <div class="panel-title">{{opname}}</div>
        </div>
        <div class="panel-body">
            <p>{{opresult}}</p>
            <p><a href="javascript:history.back(-1)">返回</a></p>
        </div>
        <div class="panel-footer">
          Rendered @ {{cur_time}}
        </div>
      </div>
    </div>
  </div>
{% endblock %}