<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    {block title}
    <title>{$title} | {IoC::resolve( 'settings' )['site_title']}</title>
    {/block}
    <base href="{=BASE_URL}" target="_self">
    <meta name="MobileOptimized" content="320">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" type="text/css" media="screen" href="public/css/ink.min.css">
    <link rel="icon" type="image/png" href="public/images/lemon-24.png">
    <style>
        html, body {
          height: 100%;
          background: #f0f0f0;
        }
        .wrap {
          min-height: 100%;
          height: auto !important;
          height: 100%;
          margin: 0 auto -60px;
          overflow: auto;
        }
        .push, footer {
          height: 60px;
          margin-top: 0;
        }
        footer {
          background: #ccc;
          border: 0;
        }
        footer * {
          line-height: inherit;
        }
        .responsive {
            width: 100%;
            max-width: 70px;
            height: auto;
        }
    </style>
  </head>
  <body>
    <div class="wrap">
      {var $mediumDate = IoC::resolve( 'i18n' )->__( 'medium_date_format' )}
      <div class="ink-grid">
        {block header}{/block}
        {ifset $flash['error']}
        <div class="ink-alert basic error" role="alert">
          <p>{$flash['error']}</p>
        </div>
        {/ifset}
        {ifset $flash['warning']}
        <div class="ink-alert basic warning" role="alert">
          <p>{$flash['warning']}</p>
        </div>
        {/ifset}
        {ifset $flash['success']}
        <div class="ink-alert basic success" role="alert">
          <p>{$flash['success']}</p>
        </div>
        {/ifset}
        {ifset $flash['notice']}
        <div class="ink-alert basic info" role="alert">
          <p>{$flash['notice']}</p>
        </div>
        {/ifset}
        {block content}
        {/block}
      </div>
      <div class="push"></div>
    </div>
    <footer class="clearfix">
      <div class="align-center small half-top-space half-bottom-space">
        {_}powered_by{/_} <a href="https://lemoncms.tuxfamily.org/" target="_blank">LemonCMS</a> version {=CMS_VERSION}
      </div>
    </footer>
  </body>
</html>
