<!DOCTYPE html>
<html dir="{{ direction }}" lang="{{ lang }}">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-compatible" content="IE=Edge, chrome=1">
  <meta charset="utf-8">
  <title>{{ title }}</title>
  <base id="base-urls" href="{{ base }}" data-base-url-loja="{{ base }}">
  <script>
    Object.freeze(console);
    var route = '{{ route }}';
    var promotions = {{ promotion_list|json_encode() }};
    var isApp = true;
    var productModules = [];
  </script>
  <script src="{{ app_scripts[0] }}"></script>
  <script>
    var typesFromPHP = {{ types is defined ? types|json_encode() : []|json_encode() }};
    for (let i = 0; i < typesFromPHP.length; i++) {
      new Type(typesFromPHP[i]);
    }
  </script>
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <!-- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css"> -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:500,700" type="text/css">
  {% if app_styles %}
    <!-- Este primeiro indice sera removido do carregamento de css no arquivo scripts.js -->
    <link rel="stylesheet" href="{{ app_styles[0] }}">
  {% endif %}
  <style>
  .ftr-text--primary,
  .ftr-pagination .links b {
    color: {{ wg24_app_primary_color }}!important;
  }
  .ftr-text--secondary {
    color: {{ wg24_app_secondary_color }}!important;
  }
  .ftr-background--primary,
  .ftr-pagination .links b {
    background-color: {{ wg24_app_primary_color }}!important;
    color: {{ wg24_app_text_primary_color }}!important;
  }
  .ftr-background--secondary {
    background-color: {{ wg24_app_secondary_color }}!important;
    color: {{ wg24_app_text_secondary_color }}!important;
  }
  .ftr-itembox-sale-label,
  .ftr-itembox-sale-label-title,
  .ftr-productaside-sale-label {
    background: {{ wg24_product_box_sicon_bgcolor }};
    color: {{ wg24_product_box_sale_nicontcolor }};
  }
  </style>
  <script>
    var language = {
      pages: {},
      getText: function(page, languagekey) {
        var language = this.pages;
        return language[page][languagekey];
      }
    }
  </script>
  <script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
  <div class="ftr-loading-bar ftr-none"></div>
  <main class="ftr-main"
        data-scripts='{{ app_scripts|json_encode() }}'
        data-styles='{{ app_styles|json_encode() }}'
        data-quantity='{{ quantityCartApp }}'
    >
    <div id="ftr-notification" class="ftr-notification-container"></div>
    <div class="js-content-aviseme"></div>
