<!DOCTYPE html>
<html dir="{{ direction }}" lang="{{ lang }}">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ title }}</title>
<base href="{{ base }}" />
{% if description %}
<meta name="description" content="{{ description }}" />
{% endif %}
{% if keywords %}
<meta name="keywords" content="{{ keywords }}" />
{% endif %}
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/petluna/stylesheet/petluna.css" rel="stylesheet" type="text/css" />
{% for style in styles %}
<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}" />
{% endfor %}
{% for link in links %}
<link href="{{ link.href }}" rel="{{ link.rel }}" />
{% endfor %}
{% for script in scripts %}
<script src="{{ script }}" type="text/javascript"></script>
{% endfor %}
{% for analytic in analytics %}
{{ analytic }}
{% endfor %}
</head>
<body class="{{ class }} petluna-body">
{{ currency }}
{{ language }}
<div class="petluna-topbar">
  <div class="container petluna-topbar__inner">
    <span>500 TL üzeri ücretsiz kargo</span>
    <span>İstanbul içi hızlı teslimat</span>
    <span>%100 orijinal ürün garantisi</span>
  </div>
</div>
<header class="petluna-header">
  <div class="container">
    <div class="petluna-header__row">
      <div class="petluna-logo">
        {% if logo %}
          <a href="{{ home }}"><img src="{{ logo }}" alt="{{ name }}" title="{{ name }}" class="img-responsive" /></a>
        {% else %}
          <a href="{{ home }}" class="petluna-logo__text">{{ name }}</a>
        {% endif %}
      </div>
      <div class="petluna-search">{{ search }}</div>
      <div class="petluna-actions hidden-xs">
        <a href="index.php?route=information/contact" class="petluna-action"><i class="fa fa-phone"></i><span>Hemen Ara</span></a>
        <a href="index.php?route=account/account" class="petluna-action"><i class="fa fa-user-o"></i><span>Hesabım</span></a>
        <div class="petluna-cart-wrap">{{ cart }}</div>
      </div>
      <button class="mobile-menu-toggle visible-xs-inline-block" type="button" aria-label="Menüyü Aç"><i class="fa fa-bars"></i></button>
    </div>
  </div>
</header>
<nav class="petluna-nav" id="petlunaNav">
  <div class="container">
    <ul class="petluna-nav__list">
      <li><a href="index.php?route=product/search&search=kedi"><i class="fa fa-paw"></i> Kedi</a></li>
      <li><a href="index.php?route=product/search&search=köpek"><i class="fa fa-paw"></i> Köpek</a></li>
      <li><a href="index.php?route=product/search&search=kuş"><i class="fa fa-twitter"></i> Kuş</a></li>
      <li><a href="index.php?route=product/search&search=balık"><i class="fa fa-tint"></i> Balık</a></li>
      <li><a href="index.php?route=product/search&search=kemirgen"><i class="fa fa-leaf"></i> Kemirgen</a></li>
      <li><a href="index.php?route=product/manufacturer"><i class="fa fa-star-o"></i> Markalar</a></li>
      <li><a href="index.php?route=information/contact"><i class="fa fa-heart-o"></i> Destek</a></li>
      <li><a href="index.php?route=information/information&information_id=4"><i class="fa fa-book"></i> Blog</a></li>
    </ul>
  </div>
</nav>
<script src="catalog/view/theme/petluna/javascript/petluna.js" type="text/javascript"></script>
<div id="page-wrap">
