{include common=header}

<header class="head" bosscms="head">
  <article>
    <div class="logo-box">
      <a href="{home.url}" title="{config.title}">
        <b>{config.title}</b>
        <img src="{config.logo}" alt="{config.title}" />
      </a>
    </div>
    <div class="menu-box"><i class="fa fa-list"></i></div>
    {search class=html items=$head.search_items}
    <div class="search-box">
      <i class="fa fa-search"></i>
      <div class="form-box">{$html}</div>
    </div>
	  {/search}
    <div class="globe-box">
      <span>
        <img src="{language.image}" alt="{language.name}" />
        <i>{language.name}</i>
      </span>
      <ul>
        {language class=list}
        <li>
          <a href="{$v.url}" title="{$v.name}" {$v.target}>
            <img src="{$v.image}" alt="{$v.name}" />
            <span>{$v.name}</span>
          </a>
        </li>
		    {/language}
      </ul>
    </div>
  </article>
</header>

<nav class="nav" bosscms="nav" items>
  <article>
  <div>
    <ul>
      <li class="{home.on}"><a href="{home.url}" title="{home.name}"><b>{home.name}</b></a></li>
      {items class=head}
      <li class="{$v.on} {if:($v.children)}has{/if}">
        <a href="{$v.url}" title="{$v.name}" {$v.target}><b>{$v.name}</b></a>
		    {if:($v.children)}
        <div>
          <ul>
            {items class=list id=$v.id value=$v2}
            <li class="{$v2.on} {if:($v2.children)}has{/if}">
              <a href="{$v2.url}" title="{$v2.name}" {$v2.target}><b>{$v2.name}</b></a>
				        {if:($v2.children)}
                <div>
                  <ul>
				            {items class=list id=$v2.id value=$v3}
                    <li class="{$v3.on}">
                      <a href="{$v3.url}" title="{$v3.name}" {$v3.target}><b>{$v3.name}</b></a>
                    </li>
					          {/items}
                  </ul>
                </div>
				        {/if}
            </li>
			      {/items}
          </ul>
        </div>
        {/if}
      </li>
	    {/items}
  </div>
  </article>
</nav>

<section class="banner" bosscms="banner" banner>
  <ul>
    {banner class=list}
    <li>
      {if:($v.content)}
      <div class="content">
        <article>{$v.content}</article>
      </div>
	    {/if}
      <div class="image">
		    {if:($v.link)}
        <a href="{$v.link}" title="{$v.name}" {$v.target}>
		    {/if}
          <span><img src="{$v.image}" alt="{$v.name}" /></span>
		    {if:($v.link)}
        </a>
		    {/if}
      </div>
    </li>
	  {/banner}
  </ul>
</section>

{if:(!path.home)}
{items class=sub type=max data=$nav}{/items}
{if:($nav)}
<section class="subnav" bosscms="subnav" items>
  <article>
    <ul>
	    {foreach data=$nav}
      <li class="{$v.on} {if:($v.children)}has{/if}">
        <a href="{$v.url}" title="{$v.name}" {$v.target}><span>{$v.name}</span></a>
        {if:($v.children)}
        <ul>
          <li class="{$v.on} parent">
            <a href="{$v.url}" title="{$v.name}" {$v.target}><span>{$v.name}</span></a>
          </li>
          {items class=list id=$v.id value=$v2}
          <li class="{$v2.on}">
            <a href="{$v2.url}" title="{$v2.name}" {$v2.target}><span>{$v2.name}</span></a>
          </li>
          {/items}
        </ul>
        {/if}
      </li>
	    {/foreach}
    </ul>
  </article>
</section>
{/if}
{/if}