{% extends 'dashboard.twig' %}

{% set headline %}{{ 'General_AboutPiwikX'|translate(piwikVersion) }}{% endset %}

{% block content %}

    <div id="feedback-faq" class="admin">
        <div vue-entry="CoreHome.ContentBlock" content-title="{{ "Feedback_HowCanWeHelp"|translate }}" class="feedback-help-resources">
            <form target="_blank" method="GET" action="https://matomo.org/">
                <div class="search-matomo-form z-depth-1">
                    <div class="search-field">
                        <span class="icon-search"></span>
                        <input type="text" placeholder="{{'Feedback_SearchHelpResources'|translate}}" name="s"/>
                    </div>
                    <div class="search-button">
                        <input type="submit" value="Search" class="btn hide-on-small-only"/>
                    </div>
                </div>
            </form>

            <h4>{{'Feedback_FrequentlyAskedQuestions'|translate}}</h4>
            {% for helpTopic in popularHelpTopics %}
                <p> &bull;  <a rel="noreferrer noopener" target="_blank" href="{{helpTopic.url}}?mtm_campaign=App_Help&mtm_source=Matomo_App&mtm_keyword=UserGuides">{{helpTopic.title|translate}}</a></p>
            {% endfor %}

            <h4>{{ 'Feedback_MatomoHelpCentre'|translate }}</h4>
            <p> &bull; <a target="_blank" rel="noreferrer noopener" href="{{ 'https://matomo.org/guides/'|trackmatomolink }}">{{ 'Feedback_KnowledgeBase'|translate }}</a> - {{ 'Feedback_KnowledgeBaseDescription'|translate }}</p>
            <p> &bull; <a target="_blank" rel="noreferrer noopener" href="{{ 'https://matomo.org/web-analytics-training'|trackmatomolink}}">{{ 'Feedback_MatomoVideoTraining'|translate }}</a> - {{ 'Feedback_MatomoVideoTrainingDescription'|translate }}</p>
            <p> &bull; <a target="_blank" rel="noreferrer noopener" href="{{ 'https://matomo.org/tag-manager-training/'|trackmatomolink }}">{{ 'Feedback_MtmVideoTraining'|translate }}</a> - {{ 'Feedback_MtmVideoTrainingDescription'|translate }}</p>
            <p> &bull; <a target="_blank" rel="noreferrer noopener" href="{{ 'https://forum.matomo.org/'|trackmatomolink }}">{{ 'Feedback_CommunityForum'|translate }}</a> - {{ 'Feedback_CommunityForumDescription'|translate }}</p>
            <p> &bull; <a target="_blank" rel="noreferrer noopener" href="{{ linkTo({'module':"API",'action':"glossary"}) }}&mtm_campaign=App_Help&mtm_source=Matomo_App&mtm_keyword=glossary">{{ 'API_Glossary'|translate }}</a> - {{ 'Feedback_GlossaryDescription'|translate }}</p>

            <h4>{{ 'Feedback_ProfessionalHelp'|translate }}</h4>
            <p>{{ 'Feedback_ProfessionalServicesIntro'|translate }}</p>

            <p>{{ 'Feedback_ProfessionalServicesOfferIntro'|translate }}</p>
            <p> &bull; {{ 'Feedback_ProfessionalServicesDedicatedSupport'|translate }}</p>
            <p> &bull; {{ 'Feedback_ProfessionalServicesOnboarding'|translate }}</p>
            <p> &bull; {{ 'Feedback_ProfessionalServicesTraining'|translate }}</p>
            <p> &bull; {{ 'Feedback_ProfessionalServicesSupport'|translate }}</p>
            <p> &bull; {{ 'Feedback_ProfessionalServicesEmailAlerts'|translate }}</p>

            <form target="_blank" action="{{ 'https://matomo.org/support-plans/'|trackmatomolink(null, null, 'App_ContactUs_button') }}">
                <br />
                <input type="submit" class="btn" value="{{ 'General_MoreDetails'|translate }}">
            </form>
        </div>

        <div vue-entry="CoreHome.ContentBlock"
             content-title="{{ headline }}"
             feature="{{ 'General_Help'|translate }}">
            <p>{{ 'General_MatomoIsACollaborativeProjectYouCanContributeAndDonateNextRelease'|translate(
                    externallink("https://matomo.org"),
                    "</a>",
                    externallink("https://matomo.org/get-involved/"),
                    "</a>",
                    "<a href='" ~ linkTo({'module':'CoreAdminHome', 'action': 'home'})~"'>",
                    "</a>",
                    externallink("https://matomo.org/team/"),
                    "</a>"
                )|raw }}
            </p>
        </div>

        <div vue-entry="CoreHome.ContentBlock" content-title="Premium products">
            <p>Grow your business, understand your audience better and increase your sales and conversions with a premium plugin:
            <p> &bull;  <a rel='noreferrer noopener' target='_blank' href='{{ "https://matomo.org/recommends/users-flow/"|trackmatomolink }}'>Users Flow</a>: a visual representation of the most popular paths your users take through your website or app.</p>
            <p> &bull;  <a rel='noreferrer noopener' target='_blank' href='{{ "https://matomo.org/recommends/ab-testing-learn-more/"|trackmatomolink }}'>A/B Testing</a>: compare different versions of your websites or apps and detect the winning variation.</p>
            <p> &bull;  <a rel='noreferrer noopener' target='_blank' href='{{ "https://matomo.org/recommends/conversion-funnels"|trackmatomolink }}'>Funnels</a>: identify and understand where your visitors drop off in your conversion funnels.</p>
            <p> &bull;  <a rel='noreferrer noopener' target='_blank' href='{{ "https://matomo.org/recommends/form-analytics/"|trackmatomolink }}'>Form Analytics</a>: increase conversions and get better leads from your website forms.</p>
            <p> &bull;  <a rel='noreferrer noopener' target='_blank' href='{{ "https://matomo.org/recommends/media-analytics-website/"|trackmatomolink }}'>Video and Audio Analytics</a>: powerful insights into how your audience watches your videos and listens to your audio.</p>
            <p> &bull;  <a rel='noreferrer noopener' target='_blank' href='{{ "https://matomo.org/recommends/roll-up-reporting/"|trackmatomolink }}'>Roll-Up Reporting</a>: aggregate data from multiple websites, apps and shops into a Roll-Up site to gain new insights.</p>
            <p> &bull;  <a rel='noreferrer noopener' target='_blank' href='{{ "https://matomo.org/recommends/search-keywords-performance/"|trackmatomolink }}'>Search Keywords Performance</a>: all keywords searched by your users on Google+Bing+Yahoo into your Matomo reports.</p>
            <p> &bull;  <a rel='noreferrer noopener' target='_blank' href='{{ "https://matomo.org/recommends/activity-log/"|trackmatomolink }}'>Audit log</a>: better security and problem diagnostic with a detailed audit log of Matomo user activities.</p>
            <p> &bull;  <a rel='noreferrer noopener' target='_blank' href='{{ "https://matomo.org/recommends/white-label/"|trackmatomolink }}'>White Label</a>: give your clients access to their analytics reports where all Matomo-branded widgets are removed.</p>
            <p> &bull;  <strong><a rel='noreferrer noopener' target='_blank' href='{{ "https://matomo.org/recommends/premium-plugins"|trackmatomolink }}'>All premium plugins.</a></strong></p>
        </div>

        <div vue-entry="CoreHome.ContentBlock" content-title="{{ 'Feedback_DoYouHaveBugReportOrFeatureRequest'|translate }}">
            <p>{{ 'Feedback_HowToCreateTicket'|translate(
            externallink("https://developer.matomo.org/guides/core-team-workflow#submitting-a-bug-report"),
            "</a>",
            externallink("https://developer.matomo.org/guides/core-team-workflow#submitting-a-feature-request"),
            "</a>",
            externallink("https://github.com/matomo-org/matomo/issues"),
            "</a>",
            externallink("https://github.com/matomo-org/matomo/issues/new"),
            "</a>"
            )|raw }}</p>
        </div>

        <div class="footer">
            <ul class="social">
                <li>
                    <a target="_blank" rel="noreferrer noopener" href="{{ 'https://matomo.org/newsletter/'|trackmatomolink }}"><img class="icon" src="plugins/Feedback/images/newsletter.svg"></a>
                    <a target="_blank" rel="noreferrer noopener" href="{{ 'https://matomo.org/newsletter/'|trackmatomolink }}">Newsletter</a>
                </li>
                <li>
                    <a target="_blank" rel="noreferrer noopener" href="https://www.facebook.com/Matomo.org"><img class="icon" src="plugins/Morpheus/icons/dist/socials/facebook.com.png"></a>
                    <a target="_blank" rel="noreferrer noopener" href="https://www.facebook.com/Matomo.org">Facebook</a>
                </li>
                <li>
                    <a target="_blank" rel="noreferrer noopener" href="https://twitter.com/matomo_org"><img class="icon" src="plugins/Morpheus/icons/dist/socials/twitter.com.png"></a>
                    <a target="_blank" rel="noreferrer noopener" href="https://twitter.com/matomo_org">Twitter</a>
                </li>
                <li>
                    <a target="_blank" rel="noreferrer noopener" href="https://www.linkedin.com/groups/867857/"><img class="icon" src="plugins/Morpheus/icons/dist/socials/linkedin.com.png"></a>
                    <a target="_blank" rel="noreferrer noopener" href="https://www.linkedin.com/groups/867857/">Linkedin</a>
                </li>
                <li>
                    <a target="_blank" rel="noreferrer noopener" href="https://github.com/matomo-org/matomo"><img class="icon" src="plugins/Morpheus/icons/dist/socials/github.com.png"></a>
                    <a target="_blank" rel="noreferrer noopener" href="https://github.com/matomo-org/matomo">GitHub</a>
                </li>
            </ul>
            <ul class="menu">
                <li><a target="_blank" rel="noreferrer noopener" href="{{ 'https://matomo.org/blog/'|trackmatomolink }}">Blog</a></li>
                <li><a target="_blank" rel="noreferrer noopener" href="{{ 'https://matomo.org/get-involved/'|trackmatomolink }}">Get involved</a></li>
                <li><a target="_blank" rel="noreferrer noopener" href="{{ 'https://developer.matomo.org'|trackmatomolink }}">Developers</a></li>
                <li><a target="_blank" rel="noreferrer noopener" href="{{ 'https://plugins.matomo.org'|trackmatomolink }}">Marketplace</a></li>
                <li><a target="_blank" rel="noreferrer noopener" href="{{ 'https://matomo.org/thank-you-all/'|trackmatomolink }}">Credits</a></li>
            </ul>
            <p class="claim"><small>{{ 'Feedback_PrivacyClaim'|translate(
                    externallink("https://matomo.org/privacy/"),
                    "</a>"
                )|raw}}</small></p>
        </div>
    </div>
{% endblock %}
