<style>
    :root {
        --color-primary-footer: {{ section.settings.footer_primary_color }};
        --color-primary-font-footer: {{ section.settings.footer_primary_font_color }};
        --color-secondary-footer: {{ section.settings.footer_secondary_color }};
        --color-secondary-font-footer: {{ section.settings.footer_secondary_font_color }};

    }

    .container-footer {
        margin: 0 auto;
        max-width: 1600px;
    }

    .footer-section-wrapper a:hover {
        text-decoration: underline;
    }

    .footer-section-wrapper {
        background-color: var(--color-primary-footer);
        color: var(--color-primary-font-footer);
    }

    .footer-section-main-row {
        display: flex;
        gap: 30px;
        justify-content: space-evenly;
        background-color: var(--color-primary-footer);
        padding: 32px 55px 50px;
    }

    .footer-section-logo {
        display: flex;
        gap: 10px;
        text-transform: uppercase;
        font-size: 28px;
        font-weight: 700;
    }

    .footer-section-logo-link, .footer-section-item-link {
        color: var(--color-primary-font-footer);
    }

    .footer-section-col {
        display: flex;
        flex-direction: column;
        gap: 25px;
        flex: 1 1 0;
        font-size: 14px;
        max-width: 25%;
    }

    .footer-section-main-col {
        flex-basis: 5%;
    }

    .footer-section-title {
        font-size: 18px;
        font-weight: 600;
    }

    .footer-section-payments {
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: space-evenly;
        padding: 24px 55px;
    }

    .footer-section-stamps-row {
        background-color: var(--color-secondary-footer);
    }

    .footer-section-stamps {
        flex-wrap: wrap;
        display: flex;
        gap: 20px;
        justify-content: space-evenly;
        padding: 24px 55px;
    }

    .footer-section-bottom-wrapper {
        background-color: var(--color-secondary-footer);
        color: var(--color-secondary-font-footer);
    }

    .footer-section-bottom {
        flex-wrap: wrap;
        display: flex;
        gap: 20px;
        justify-content: space-evenly;
        padding: 12px 55px;
        flex-direction: column;
        align-items: center;
    }

    .footer-section-information {
        font-size: 14px;
        text-align: center;
    }

    .footer-section-description {
        font-size: 14px;
        line-height: 1.8;
    }

    .footer-section-logo2-img {
        width: 110px;
    }

    .footer-section-contacts {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .footer-section-contact {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .footer-section-contact svg {
        width: 20px;
        height: auto;
    }

    .footer-section-contact a {
        color: var(--color-primary-font-footer)
    }

    .footer-section-socials {
        display: flex;
        gap: 10px;
    }

    .footer-section-icons {
        display: flex;
        gap: 5px;
    }

    .footer-section-icon-img {
        width: 25px;
    }

    .footer-section-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .footer-section-logo-astron-img {
        width: 100px;
        padding: 8px;
        border-radius: 4px;
    }

    .footer-section-logo-astron-img:hover {
        background-color: #f1f1f1;
    }

    .footer-payments {
        display: flex;
        align-items:center;
        background-color: #fff;
        padding: 5px;
        border-radius: 10px;
        max-width: 220px;
    }

    .footer-payments-mobile {
        display: flex;
        align-items:center;
        background-color: #fff;
        padding: 5px;
        border-radius: 10px;
        max-width: 100%;
    }

    @media only screen and (max-width: 780px) {
        .footer-newsletter, #footer-newsletter-form {
            flex-wrap: wrap;
            justify-content: center;
        }

        .footer-section-main-row {
            display: none;
        }

        .footer-mobile-section-col {
            display: flex !important;
        }
    }

    /*MOBILE*/
    .footer-mobile-section-col {
        display: none;
        flex-direction: column;
        gap: 1rem;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        padding: 24px 32px;
    }

    .footer-mobile-section-list {
        width: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .footer-mobile-separator {
        width: 100%;
        height: 1px;
        background: #ffffff50;
    }

    .footer-mobile-socials {
        display: flex;
        width: 100%;
        justify-content: center;
        gap: 10px;
    }

    .footer-mobile-section-social {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .footer-mobile-social-img {
        width: 20px;
    }

    .footer-mobile-item input {
        display: none;
    }

    .footer-item-link {
        font-size: 14px;
        font-weight: 400;
        color: var(--color-primary-font-footer);
    }

    .footer-subitem-link {
        font-size: 12px;
        font-weight: 500;
        color: var(--color-primary-font-footer);
    }

    .footer-mobile-item {
        padding: 0 20px;
    }

    .footer-mobile-item, .footer-mobile-subitem {
        overflow: hidden;
        flex-wrap: wrap;
    }

    .footer-mobile-item-label {
        display: flex !important;
        justify-content: space-between;
        cursor: pointer;
        width: 100%;
        margin: 0;
        font-size: 14px;
        padding: 10px 0;
        font-weight: 600;
    }

    .footer-item-icon svg {
        fill: var(--color-primary-font-footer);
        transition: all 0.35s;
        width: 8px;
        height: auto;
    }

    .footer-mobile-item-content {
        max-height: 0;
        padding: 0px;
        flex-basis: 100%;
        transition: all 0.35s;
    }

    input:checked ~ .footer-mobile-item-content {
        max-height: 100vh;
        padding: 7px 0;
    }

    input:checked + .footer-mobile-item-label svg {
        transform: rotate(90deg);
    }

</style>

<footer>
    <div class="footer-section-wrapper">
        <div class="footer-section">
            <div class="footer-section-main-row container-footer">

                {% for block in section.blocks %}
                    {% if block.type == 'text' %}
                        <div class="footer-section-col">
                            {% if block.settings.show_information_1 %}
                                <div class="footer-section-title">
                                    {{ block.settings.title_1 }}
                                </div>
                                <div>
                                    {{ block.settings.information_1 }}
                                </div>
                            {% endif %}
                            {% if block.settings.show_information_2 %}
                                <div class="footer-section-title">
                                    {{ block.settings.title_2 }}
                                </div>
                                <div>
                                    {{ block.settings.information_2 }}
                                </div>
                            {% endif %}

                            {% if settings.social_instagram_link != blank or settings.social_tiktok_link != blank
                                or settings.social_facebook_link != blank or settings.social_twitter_link != blank or settings.social_youtube_link != blank %}
                                <div class="footer-section-title">
                                    {{ section.settings.title_social_media }}
                                </div>
                                <div class="footer-section-socials">
                                    {% if settings.social_instagram_link != blank %}
                                        <a href="{{ settings.social_instagram_link }}">
                                            {% if section.settings.social_media_black_color %}
                                                <img class="lazyload footer-section-icon-img"
                                                     data-src="{{ 'icon_insta_black.png' | asset_url }}" alt="ícone instagram">
                                            {% else %}
                                                <img class="lazyload footer-section-icon-img"
                                                     data-src="{{ 'icon_insta.png' | asset_url }}" alt="ícone instagram">
                                            {% endif %}
                                        </a>
                                    {% endif %}

                                    {% if settings.social_tiktok_link != blank %}
                                        <a href="{{ settings.social_tiktok_link }}">
                                            {% if section.settings.social_media_black_color %}
                                                <img class="lazyload footer-section-icon-img"
                                                     data-src="{{ 'icon_tiktok_black.png' | asset_url }}" alt="ícone tiktok">
                                            {% else %}
                                                <img class="lazyload footer-section-icon-img"
                                                     data-src="{{ 'icon_tiktok.png' | asset_url }}" alt="ícone tiktok">
                                            {% endif %}
                                        </a>
                                    {% endif %}

                                    {% if settings.social_facebook_link != blank %}
                                        <a href="{{ settings.social_facebook_link }}">
                                            {% if section.settings.social_media_black_color %}
                                                <img class="lazyload footer-section-icon-img" data-src="{{ 'icon_face_black.png' | asset_url }}"
                                                     alt="ícone facebook">
                                            {% else %}
                                                <img class="lazyload footer-section-icon-img" data-src="{{ 'icon_face.png' | asset_url }}"
                                                     alt="ícone facebook">
                                            {% endif %}
                                        </a>
                                    {% endif %}

                                    {% if settings.social_twitter_link != blank %}
                                        <a href="{{ settings.social_twitter_link }}">
                                            {% if section.settings.social_media_black_color %}
                                                <img class="lazyload footer-section-icon-img"
                                                     data-src="{{ 'icon_twitter_black.png' | asset_url }}" alt="ícone twitter">
                                            {% else %}
                                                <img class="lazyload footer-section-icon-img"
                                                     data-src="{{ 'icon_twitter.png' | asset_url }}" alt="ícone twitter">
                                            {% endif %}
                                        </a>
                                    {% endif %}

                                    {% if settings.social_youtube_link != blank %}
                                        <a href="{{ settings.social_youtube_link }}">
                                            {% if section.settings.social_media_black_color %}
                                                <img class="lazyload footer-section-icon-img"
                                                     data-src="{{ 'icon_youtube_black.png' | asset_url }}" alt="ícone Youtube">
                                            {% else %}
                                                <img class="lazyload footer-section-icon-img"
                                                     data-src="{{ 'icon_youtube.png' | asset_url }}" alt="ícone Youtube">
                                            {% endif %}
                                        </a>
                                    {% endif %}
                                </div>
                            {% endif %}

                            <div class="footer-section-title">
                                {{ section.settings.title_payments }}
                            </div>
                            <div class="footer-payments">
                                {% if settings.formas_pagamento %}
                                    <img class="lazyload" data-src="{{ settings.formas_pagamento | img_url: 'master' }}"
                                         alt="formas de pagamento">
                                {% else %}
                                    <img class="lazyload" data-src="{{ 'formas-de-pagamento.png' | asset_url }}" alt="formas de pagamento"/>
                                {% endif %}
                            </div>

                        </div>

                    {% elsif block.type == 'link_list' %}
                        <div class="footer-section-col">
                            <div class="footer-section-title">
                                {{ block.settings.title }}
                            </div>
                            <div>
                                <ul class="footer-section-list">
                                    {% for link in linklists[block.settings.menu].links %}
                                        <li>
                                            <a class="footer-section-item-link"
                                               href="{{ link.url }}"> {{ link.title }}</a>
                                        </li>
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>

                    {% elsif block.type == 'richtext' %}
                        <div class="footer-section-col footer-section-main-col">
                            <div class="footer-section-logo">
                                {% if block.settings.logo_1 %}
                                    {%- assign img_url = block.settings.logo_1 | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
                                    <a href="{{ routes.root_url }}">
                                        {% capture logo_alt %}{{ block.settings.logo_1.alt | default: shop.name }}{% endcapture %}
                                        <img class="lazyload js"
                                             src="{{ block.settings.logo_1 | img_url: '300x300' }}"
                                             data-src="{{ img_url }}"
                                             data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
                                             data-aspectratio="{{ block.settings.logo_1.aspect_ratio }}"
                                             data-sizes="auto"
                                             alt="{{ logo_alt | escape }}"
                                             style="max-width: {{ block.settings.logo_width_1 }}px">
                                        <noscript>
                                            {% capture image_size %}{{ block.settings.logo_width_1 | escape }}x{% endcapture %}
                                            <img class="lazyload" data-src="{{ block.settings.logo | img_url: image_size }}"
                                                 height=""
                                                 width=""
                                                 srcset="{{ block.settings.logo_1 | img_url: image_size }} 1x, {{ block.settings.logo | img_url: image_size, scale: 2 }} 2x"
                                                 alt="{{ block.settings.logo_1.alt | default: shop.name }}"
                                                 style="max-width: {{ block.settings.logo_width_1 }}px;">
                                        </noscript>
                                    </a>
                                {% else %}
                                    <a class="footer-section-logo-link" href="{{ routes.root_url }}">{{ shop.name }}</a>
                                {% endif %}
                            </div>

                            <div class="footer-section-description">
                                {{ block.settings.description }}
                            </div>

                            <div class="footer-section-contacts">
                                <div class="footer-section-contact">
                                    {% include 'icon-mail' %}

                                    <a target="_blank" href="mailto:{{ block.settings.contact_mail }}">
                                        {{ block.settings.contact_mail }}
                                    </a>
                                </div>
                                <div class="footer-section-contact">
                                    {% include 'icon-whatsapp' %}

                                    <a
                                            target="_blank"
                                            href="https://api.whatsapp.com/send?phone=55{{ block.settings.contact_number | remove: "(" | remove: ")" | remove: " " | remove: "-" }}&text={{ block.settings.contact_number_text }}!">
                                        {{ block.settings.contact_number }}
                                    </a>
                                </div>
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>

            <div class="footer-mobile-section-col">
                <ul class="footer-mobile-section-list">
                    {% assign controlLoop = 0 %}

                    {% for block in section.blocks %}
                        {% if block.type == 'link_list' %}
                            {% assign controlLoop = controlLoop | plus: 1 %}

                            <li class="footer-mobile-item">
                                <input type="checkbox" id="footer-menu-{{ controlLoop }}">
                                <label class="footer-mobile-item-label" for="footer-menu-{{ controlLoop }}">
                                    <a class="footer-item-link">
                                        {{ block.settings.title }}
                                    </a>

                                    <span class="footer-item-icon">
                                            {% include 'icon-arrow' %}
                                        </span>
                                </label>

                                <div class="footer-mobile-item-content">
                                    <ul class="footer-mobile-section-list">
                                        {% for link in linklists[block.settings.menu].links %}
                                            <li class="footer-mobile-subitem">
                                                <div class="footer-mobile-subitem-label">
                                                    <a class="footer-subitem-link" href="{{ link.url }}">
                                                        {{ link.title }}
                                                    </a>
                                                </div>
                                            </li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            </li>
                            <div class="footer-mobile-separator"></div>

                        {% elsif block.type == 'text' %}
                            {% if block.settings.show_information_1 %}
                                {% assign controlLoop = controlLoop | plus: 1 %}

                                <li class="footer-mobile-item">
                                    <input type="checkbox" id="footer-menu-{{ controlLoop }}">
                                    <label class="footer-mobile-item-label" for="footer-menu-{{ controlLoop }}">
                                        <a class="footer-item-link">
                                            {{ block.settings.title_1 }}
                                        </a>

                                        <span class="footer-item-icon">
                                                {% include 'icon-arrow' %}
                                            </span>
                                    </label>

                                    <div class="footer-mobile-item-content">
                                        <ul class="footer-mobile-section-list">
                                            <div class="footer-subitem-link">
                                                {{ block.settings.information_1 }}
                                            </div>
                                        </ul>
                                    </div>
                                </li>
                                <div class="footer-mobile-separator"></div>
                            {% endif %}

                            {% if block.settings.show_information_2 %}
                                {% assign controlLoop = controlLoop | plus: 1 %}

                                <li class="footer-mobile-item">
                                    <input type="checkbox" id="footer-menu-{{ controlLoop }}">
                                    <label class="footer-mobile-item-label" for="footer-menu-{{ controlLoop }}">
                                        <a class="footer-item-link">
                                            {{ block.settings.title_2 }}
                                        </a>

                                        <span class="footer-item-icon">
                                                {% include 'icon-arrow' %}
                                            </span>
                                    </label>

                                    <div class="footer-mobile-item-content">
                                        <ul class="footer-mobile-section-list">
                                            <div class="footer-subitem-link">
                                                {{ block.settings.information_2 }}
                                            </div>
                                        </ul>
                                    </div>
                                </li>
                                <div class="footer-mobile-separator"></div>
                            {% endif %}

                            {% assign controlLoop = controlLoop | plus: 1 %}
                            <li class="footer-mobile-item">
                                    <input type="checkbox" id="footer-menu-{{ controlLoop }}">
                                    <label class="footer-mobile-item-label" for="footer-menu-{{ controlLoop }}">
                                        <a class="footer-item-link">
                                            {{ section.settings.title_payments }}
                                        </a>

                                        <span class="footer-item-icon">
                                                {% include 'icon-arrow' %}
                                            </span>
                                    </label>

                                    <div class="footer-mobile-item-content">
                                        <ul class="footer-mobile-section-list">
                                            <div class="footer-subitem-link footer-payments-mobile">
                                                {% if settings.formas_pagamento %}
                                                    <img class="lazyload" data-src="{{ settings.formas_pagamento | img_url: 'master' }}" alt="formas de pagamento">
                                                {% else %}
                                                    <img class="lazyload" data-src="{{ 'formas-de-pagamento.png' | asset_url }}" alt="formas de pagamento"/>
                                                {% endif %}
                                            </div>
                                        </ul>
                                    </div>
                                </li>
                                <div class="footer-mobile-separator"></div>


                        {% endif %}

                    {% endfor %}
                </ul>

                {% if settings.social_instagram_link != blank or settings.social_tiktok_link != blank
                    or settings.social_facebook_link != blank or settings.social_twitter_link != blank or settings.social_youtube_link != blank %}
                    <div class="footer-mobile-section-social">
                        <div class="footer-item-link">
                            {{ section.settings.title_social_media }}
                        </div>
                        <div class="footer-mobile-socials">
                            {% if settings.social_instagram_link != blank %}
                                <a href="{{ settings.social_instagram_link }}">
                                    {% if section.settings.social_media_black_color %}
                                        <img class="lazyload footer-mobile-social-img"
                                             data-src="{{ 'icon_insta_black.png' | asset_url }}" alt="ícone instagram">
                                    {% else %}
                                        <img class="lazyload footer-mobile-social-img"
                                             data-src="{{ 'icon_insta.png' | asset_url }}" alt="ícone instagram">
                                    {% endif %}
                                </a>
                            {% endif %}

                            {% if settings.social_tiktok_link != blank %}
                                <a href="{{ settings.social_tiktok_link }}">
                                    {% if section.settings.social_media_black_color %}
                                        <img class="lazyload footer-mobile-social-img"
                                             data-src="{{ 'icon_tiktok_black.png' | asset_url }}" alt="ícone tiktok">
                                    {% else %}
                                        <img class="lazyload footer-mobile-social-img"
                                             data-src="{{ 'icon_tiktok.png' | asset_url }}" alt="ícone tiktok">
                                    {% endif %}
                                </a>
                            {% endif %}

                            {% if settings.social_facebook_link != blank %}
                                <a href="{{ settings.social_facebook_link }}">
                                    {% if section.settings.social_media_black_color %}
                                        <img class="lazyload footer-mobile-social-img" data-src="{{ 'icon_face_black.png' | asset_url }}"
                                             alt="ícone facebook">
                                    {% else %}
                                        <img class="lazyload footer-mobile-social-img" data-src="{{ 'icon_face.png' | asset_url }}"
                                             alt="ícone facebook">
                                    {% endif %}
                                </a>
                            {% endif %}

                            {% if settings.social_twitter_link != blank %}
                                <a href="{{ settings.social_twitter_link }}">
                                    {% if section.settings.social_media_black_color %}
                                        <img class="lazyload footer-mobile-social-img"
                                             data-src="{{ 'icon_twitter_black.png' | asset_url }}" alt="ícone twitter">
                                    {% else %}
                                        <img class="lazyload footer-mobile-social-img"
                                             data-src="{{ 'icon_twitter.png' | asset_url }}" alt="ícone twitter">
                                    {% endif %}
                                </a>
                            {% endif %}

                            {% if settings.social_youtube_link != blank %}
                                <a href="{{ settings.social_youtube_link }}">
                                    {% if section.settings.social_media_black_color %}

                                    {% else %}

                                    {% endif %}
                                    <img class="lazyload footer-mobile-social-img"
                                         data-src="{{ 'icon_youtube.png' | asset_url }}" alt="ícone Youtube">
                                </a>
                            {% endif %}
                        </div>
                    </div>
                {% endif %}

            </div>


            {% if section.settings.show_stamps %}
                <div class="footer-section-stamps-row">
                    <div class="footer-section-stamps container-footer">
                        <div class="footer-section-stamp">
                            <img
                                    class="lazyload footer-section-stamp-img"
                                    style="height: {{ section.settings.stamps_height }}px;"
                                    data-src="{% if section.settings.stamp_1 %} {{ section.settings.stamp_1 | img_url: 'x50' }} {% else %} {{ 'google.png' | asset_url }} {% endif %}"
                                    alt="">
                        </div>
                        <div class="footer-section-stamp">
                            <img
                                    class="lazyload footer-section-stamp-img"
                                    style="height: {{ section.settings.stamps_height }}px;"
                                    data-src="{% if section.settings.stamp_2 %} {{ section.settings.stamp_2 | img_url: 'x50' }} {% else %} {{ 'ebit.png' | asset_url }} {% endif %}"
                                    alt="">
                        </div>
                        <div class="footer-section-stamp">
                            <img
                                    class="lazyload footer-section-stamp-img"
                                    style="height: {{ section.settings.stamps_height }}px;"
                                    data-src="{% if section.settings.stamp_3 %} {{ section.settings.stamp_3 | img_url: 'x50' }} {% else %} {{ 'site_blindado.png' | asset_url }} {% endif %}"
                                    alt="">
                        </div>
                    </div>
                </div>
            {% endif %}

            <div class="footer-section-bottom-wrapper">
                <div class="footer-section-bottom container-footer">
                    <div class="footer-section-information">
                        {{ section.settings.information_business }}
                    </div>
                    {% if section.settings.referral %}
                        <div class="footer-section-logo-2">
                            <a target="_blank"
                               href="{% if section.settings.referral_link %} {{ section.settings.referral_link }} {% else %}https://astronecom.com{% endif %}">
                                <img class="lazyload footer-section-logo-astron-img" data-src="{{ 'logo-astron-1.png' | asset_url }}"
                                     alt="Astron Ecom LTDA">
                            </a>
                        </div>
                    {% endif %}
                </div>
            </div>

        </div>
    </div>
</footer>

{% schema %}
{
  "name": "Rodapé",
  "max_blocks": 5,
  "settings": [
    {
      "type": "header",
      "content": "Configurações"
    },
    {
        "type": "textarea",
        "id": "information_business",
        "label": "Informações Gerais",
        "default": "Astron Ecom LTDA CNPJ: 00.000.000/0000-0 | Morro das Pedras, Florianópolis - SC © 2022, Astron Store. Todos os direitos reservados."
    },
    {
        "type": "header",
        "content": "Selos"
    },
    {
        "type": "checkbox",
        "id": "show_stamps",
        "label": "Mostrar Selos",
        "default": true
    },
    {
        "type": "image_picker",
        "id": "stamp_1",
        "label": "Selo 1 do rodapé"
    },
    {
        "type": "image_picker",
        "id": "stamp_2",
        "label": "Selo 2 do rodapé"
    },
    {
        "type": "image_picker",
        "id": "stamp_3",
        "label": "Selo 3 do rodapé"
    },
    {
        "type": "range",
        "id": "stamps_height",
        "label": "Altura dos Selos",
        "min": 15,
        "max": 50,
        "step": 1,
        "unit": "px",
        "default": 32
    },
    {
        "type": "header",
        "content": "Cores"
    },
	{
		"type":"color",
		"id":"footer_primary_color",
        "default": "#0033C6",
		"label":"Cor de fundo do footer"
	},
    {
		"type":"color",
		"id":"footer_primary_font_color",
        "default": "#fff",
		"label":"Cor da fonte do footer"
	},
    {
		"type":"color",
		"id":"footer_secondary_color",
        "default": "#fff",
		"label":"Cor de fundo da parte inferior do footer"
	},
    {
		"type":"color",
		"id":"footer_secondary_font_color",
        "default": "#505050",
		"label":"Cor da fonte da parte inferior do footer"
	},
    {
        "type": "header",
        "content": "Midias sociais"
    },
    {
        "type": "text",
        "id": "title_social_media",
        "label": "Título",
        "default": "Mídias sociais",
        "info": "As mídias sociais devem ser adicionadas em 'configurações do tema'"
    },
    {
        "type": "checkbox",
        "id": "social_media_black_color",
        "label": "Ícones pretos",
        "default": false
    },
    {
        "type": "header",
        "content": "Formas de pagamento"
    },
    {
        "type": "text",
        "id": "title_payments",
        "label": "Título",
        "default": "Formas de pagamento"
    },
    {
        "type": "header",
        "content": "Indicações"
    },
    {
        "type": "checkbox",
        "id": "referral",
        "label": "Ganhar com indicação",
        "info": "Torne-se um parceiro Astron e tenha mais uma fonte de renda passiva. Confira as instruções [Progama de afiliados Astron](https://astronecom.com/afiliado/)",
        "default": true
    },
    {
        "type": "url",
        "id": "referral_link",
        "label": "Link de afiliado da Astron"
    }
  ],
  "blocks": [
    {
        "type": "link_list",
        "name": "Menu",
        "limit": 3,
        "settings": [
            {
                "type": "header",
                "content": "Menu"
            },
            {
                "type": "text",
                "id": "title",
                "label": "Título",
                "default": "Institucional"
            },
            {
                "type": "link_list",
                "id": "menu",
                "label":"Menu",
                "default": "footer"
            }
        ]
    },
    {
        "type": "text",
        "name": "Informações",
        "limit": 2,
        "settings": [
            {
                "type": "header",
                "content": "Informações 1"
            },
            {
                "type": "checkbox",
                "id": "show_information_1",
                "label": "Mostrar informação 1",
                "default": true
            },
            {
                "type": "text",
                "id": "title_1",
                "label": "Título",
                "default": "Atendimento"
            },
            {
                "type": "textarea",
                "id": "information_1",
                "label": "Conteúdo",
                "default": "Segunda à sexta, 8h às 18h - Horário de brasília"
            },
            {
                "type": "header",
                "content": "Informações 2"
            },
            {
                "type": "checkbox",
                "id": "show_information_2",
                "label": "Mostrar informação 2",
                "default": true
            },
            {
                "type": "text",
                "id": "title_2",
                "label": "Título",
                "default": "Endereço"
            },
            {
                "type": "textarea",
                "id": "information_2",
                "label": "Conteúdo",
                "default": "Rodovia Francisco Thomas dos Santos, Nº 665, Morro das Pedras, Florianópolis - SC"
            },
            {
                "type": "header",
                "content": "Formas de pagamento"
            }
        ]
    },
    {
        "type": "richtext",
        "name": "Descrição",
        "limit": 1,
        "settings": [
            {
                "type": "image_picker",
                "id": "logo_1",
                "label": "Logo 1"
            },
            {
                "type": "range",
                "id": "logo_width_1",
                "label": "Largura da logo",
                "min": 50,
                "max": 250,
                "step": 5,
                "unit": "px",
                "default": 150
            },
            {
                "type": "textarea",
                "id": "description",
                "label": "Descrição",
                "default": "Se você já testou todas as estratégias e nada funcionou, chegou a hora de testar algo que realmente funciona. Tenha uma loja de alta performance e aumente suas taxas de conversão!"
            },
            {
                "type": "text",
                "id": "contact_number",
                "label": "Número para contato",
                "default": "(11) 99999-9999",
                "info": "Coloque no número neste formato: (11) 99999-9999"
            },
            {
                "type": "text",
                "id": "contact_number_text",
                "label": "Texto",
                "default": "Olá vim da sua loja!",
                "info": "Texto para mensagem do WhatsApp"
            },
            {
                "type": "text",
                "id": "contact_mail",
                "label": "Email para contato",
                "default": "contato@sualoja.com"
            }
        ]
      }
  ]
}
{% endschema %}
