{% unless settings.breadcrumb_styles == 'none' %}{% include 'breadcrumb' %}{% endunless %}

<div id="col-main" class="page-404">
  <div class="container text-center">
    
    <div class="box-404-text">
      	<h1>{{ 'general.404.title' | t }}</h1>
      	<p class="text-1">{{ 'general.404.text_1' | t }}</p>
      	<p class="text-2">{{ 'general.404.text_2' | t }}</p>
    	   
        {% if settings.show_search %}
          <div class="searchbox">

            <form id="search-404" class="navbar-form search" action="/search" method="get">
              <input type="hidden" name="type" value="product" />
              <input id="bc-product-search-404" type="text" name="q" class="form-control"  placeholder="{{ 'general.text.search_placeholder' | t }}" autocomplete="off" />

              <button type="submit" class="search-icon"><i class="demo-icon icon-search"></i></button>
            </form>
          </div>
        {% endif %} 
      	
      	<a href="/" class="btn ">{{ 'general.404.homepage' | t }}</a>
    </div>
    
  </div>
</div>

{% schema %}
  {
    "name": "404 page",
    "settings": [
      {
        "type": "image_picker",
        "id": "breadcrumb_image",
        "label": "Breadcrumb image"
      }
    ]
  }
{% endschema %}