{% extends "freeform/resources/_layout" %}

{% set title = "Support"|t("freeform") %}
{% set crumbs = [
    { label: craft.freeform.name, url: url("freeform") },
    { label: "Resources"|t("freeform"), url: url("freeform/resources") },
] %}

{% block content %}

    <h2>{{ "Support"|t("freeform") }}</h2>
    <p>
        {{ "If you run into any issues or have any feature requests, check out the official support options below. We also appreciate any feedback you can provide us."|t("freeform") }}
    </p>

    {% set items = [
        {
            icon: icons.support,
            title: "Support",
            description: "Need help with Freeform or experiencing an issue? Feel free to send us a private support ticket.",
            link: "https://docs.solspace.com/redirect/freeform/support",
            linkText: "Visit",
        },
        {
            icon: icons.feedback,
            title: "Feedback",
            description: "We value your opinion! If you have a few minutes to spare, we would appreciate you sharing some feedback with us.",
            link: "https://docs.solspace.com/redirect/freeform/feedback",
            linkText: "Visit",
        },
        {
            icon: icons.newsletter,
            title: "Newsletter",
            description: "Receive occasional (a few times a year) updates and tips about Freeform and other Solspace software.",
            link: "https://docs.solspace.com/redirect/freeform/newsletter",
            linkText: "Subscribe",
        },
    ] %}

    <ul class="cards">
        {% for item in items %}
            <li>
                <div class="community-card">
                    <div class="icon">
                        {{ item.icon|raw }}
                    </div>
                    <h3>
                        <a href="{{ item.link }}" target="_blank">
                            {{ item.title }}
                        </a>
                    </h3>
                    <p class="description">
                        {{ item.description|t("freeform") }}
                    </p>
                </div>

                <div class="card-footer centered">
                    <a href="{{ item.link }}" class="btn submit" target="_blank">
                        {{ item.linkText|t("freeform") }}
                    </a>
                </div>
            </li>
        {% endfor %}
    </ul>

{% endblock %}