[% USE Whostmgr %]
[% WRAPPER 'master_templates/master.tmpl'
    theme = 'bootstrap'
    app_key='support_center'
 stylesheets = [
    '/templates/support_center.min.css']
 -%]
<h2>
    [% locale.maketext('Resources') %]
</h2>
<div class="section">
    <div class="subSection">
        <div class="supportContent">
            <!-- sub-section image -->
            <div class="supportImage">
                <a href="https://go.cpanel.net/knowledgebase"
                    target="support_faq"
                    title="[% locale.maketext('[asis,cPanel amp() WHM] Knowledge Base') %]">
                    <img src="[% MagicRevision('/themes/x/images/ss_faq.gif') %]" class="sectionImage" alt="[% locale.maketext_plain_context('[output,acronym,FAQ,Frequently Asked Questions]') %]"/>
                </a>
            </div>
            <div class="supportInfo">
                <a href="https://go.cpanel.net/knowledgebase"  target="support_faq"
                    class="supportSubSectionHeading">
                    [% locale.maketext('[asis,cPanel amp() WHM] Knowledge Base') %]
                </a>
                <span class="sectionDescription">
                    [% locale.maketext('Access our library of information about [asis,cPanel amp() WHM].') %]
                </span>
            </div>
        </div>
    </div>
    <hr class="separator"/>
    <div class="subSection">
        <div class="supportContent">
            <!-- sub-section image -->
            <div class="supportImage">
                <a href="https://go.cpanel.net/cpforum" target="support_forums"
                    title="[% locale.maketext('Support Forums') %]">
                    <img src="[% MagicRevision('/themes/x/images/ss_support_forums.gif') %]" class="sectionImage" alt="[% locale.maketext('Forums') %]"/>
                </a>
            </div>
            <div class="supportInfo">
                <a href="https://go.cpanel.net/cpforum" target="support_forums" class="supportSubSectionHeading">
                    [% locale.maketext('Support Forums') %]
                </a>
                <span class='sectionDescription'>
                    [% locale.maketext('Find and share solutions with [asis,cPanel amp() WHM] users around the world.') %]
                </span>
            </div>
        </div>
    </div>
    <hr class="separator"/>
    <div class="subSection">
        <div class="supportContent">
            <!-- sub-section image -->
            <div class="supportImage">
                <a href="https://go.cpanel.net/howto"
                    target="support_whmdocs"
                    title="[% locale.maketext('WHM Documentation') %]">
                    <img src="[% MagicRevision('/themes/x/images/ss_whm_doc.gif') %]" class="sectionImage" alt="[% locale.maketext('WHM Documentation') %]"/>
                </a>
            </div>
            <div class="supportInfo">
                <a href="https://go.cpanel.net/howto" target="support_whmdocs" class="supportSubSectionHeading">
                    [% locale.maketext('WHM Documentation') %]
                </a>
                <span class='sectionDescription'>
                    [% locale.maketext('Learn how to set up, use, and troubleshoot WHM.') %]
                </span>
            </div>
        </div>
    </div>
    <hr class="separator"/>
    <div class="subSection">
        <div class="supportContent">
            <!-- sub-section image -->
            <div class="supportImage">
                <a href="https://go.cpanel.net/getstarted"
                    target="support_cpaneldocs"
                    title="[% locale.maketext('[asis,cPanel] Documentation') %]">
                <img src="[% MagicRevision('/themes/x/images/ss_cp_doc.gif') %]" class="sectionImage" alt="[% locale.maketext('[asis,cPanel] Documentation') %]"/>
                </a>
            </div>
            <div class="supportInfo">
                <a href="https://go.cpanel.net/getstarted" target="support_cpaneldocs" class="supportSubSectionHeading">
                    [% locale.maketext('[asis,cPanel] Documentation') %]
                </a>
                <span class='sectionDescription'>
                    [% locale.maketext('Learn how to set up, use, and troubleshoot [asis,cPanel].') %]
                </span>
            </div>
        </div>
    </div>
    <hr class="separator"/>
    <div class="subSection">
        <div class="supportContent">
            <!-- sub-section image -->
            <div class="supportImage">
                <a href="https://go.cpanel.net/releaselist"
                    target="support_releaselist"
                    title="[% locale.maketext('[asis,cPanel] Release Notifications') %]">
                    <img src="[% MagicRevision('/themes/x/images/cp-notices.png') %]" class="sectionImage" alt="[% locale.maketext('Release') %]"/>
                </a>
            </div>
            <div class="supportInfo">
                <a href="https://go.cpanel.net/releaselist" target="support_releaselist" class="supportSubSectionHeading">
                    [% locale.maketext('[asis,cPanel] Release Notifications') %]
                </a>
                <span class='sectionDescription'>
                    [% locale.maketext('Learn when new versions of [asis,cPanel] are propagating.') %]
                </span>
            </div>
        </div>
    </div>
    <hr class="separator"/>
    <div class="subSection">
        <div class="supportContent">
            <!-- sub-section image -->
            <div class="supportImage">
                <a href="https://go.cpanel.net/news" target="support_news"
                    title="[% locale.maketext('[asis,cPanel] News') %]">
                    <img src="[% MagicRevision('/themes/x/images/cp-news.png') %]" class="sectionImage" alt="[% locale.maketext('News') %]"/>
                </a>
            </div>
            <div class="supportInfo">
                <a href="https://go.cpanel.net/news" target="support_news" class="supportSubSectionHeading">
                    [% locale.maketext('[asis,cPanel] News') %]
                </a>
                <span class='sectionDescription'>
                    [% locale.maketext('Get the latest news about upcoming releases.') %]
                </span>
            </div>
        </div>
    </div>
    <hr class="separator"/>
    <div class="subSection">
        <div class="supportContent">
            <!-- sub-section image -->
            <div class="supportImage">
                <a href="https://go.cpanel.net/cpu" target="support_cp_university"
                    title="cPanel University">
                    <img src="[% MagicRevision('/themes/x/images/cp-university.png') %]" class="sectionImage" alt="cPanel University"/>
                </a>
            </div>
            <div class="supportInfo">
                <a href="https://go.cpanel.net/cpu" target="support_cp_university" class="supportSubSectionHeading">cPanel University</a>
                <span class='sectionDescription'>
                    [% locale.maketext('Test your skills now, or develop your skills further with the [asis,cPanel University] coursework.') %]
                </span>
            </div>
        </div>
    </div>
</div>

[% IF Whostmgr.hasroot() %]
<h2>
    [% locale.maketext('Contact [asis,cPanel]') %]
</h2>
<div class="section">
    <div class="subSection">
        [%# <a href="../scripts7/create_support_ticket"> -%]
        <div class="supportContent">
            <!-- sub-section image -->
            <div class="supportImage">
                <a href="../scripts7/create_support_ticket"
                    title="[% locale.maketext('Submit a Support Request') %]">
                    <img src="[% MagicRevision('/themes/x/icons/support_center.png')%]"
                        class="sectionImage" alt="[% locale.maketext('Contact [asis,cPanel]') %]"/>
                </a>
            </div>
            <div class="supportInfo">
                <a href="../scripts7/create_support_ticket"
                    class="supportSubSectionHeading">
                    [% locale.maketext('Submit a Support Request') %]
                </a>
                <span class="sectionDescription">
                    [% locale.maketext('Contact the makers of [asis,cPanel amp() WHM].') %]
                </span>
            </div>
        </div>
        <div class="additionalInformation">
            [% locale.maketext('You may need your Server IP Address and Support Access ID to obtain support.') %]
            <span id="serverIP">
                [% locale.maketext('Server IP Address: [_1]', data.ip) %]
            </span>
            <span id="supportNumber">
                [% locale.maketext('Support Access ID: [_1]', data.supportid) %]
            </span>
            <span id="contactVendor">
                [%locale.maketext('Contact your license vendor for support before you contact [asis,cPanel].') %]
            </span>
        </div>
    </div>
    <hr class="separator"/>
    <div class="subSection">
        <div class="supportContent">
            <!-- sub-section image -->
            <div class="supportImage">
                <a href="[% cp_security_token %]/scripts7/authorizesupport"
                    title="[% locale.maketext('Grant [asis,cPanel] Support Access') %]">
                    <img src="[% MagicRevision('/themes/x/icons/grant_cpanel_support_access.png') %]" class="sectionImage" alt="[% locale.maketext('Grant [asis,cPanel] Support Access') %]"/>
                </a>
            </div>
            <div class="supportInfo">
                <a href="[% cp_security_token %]/scripts7/authorizesupport" class="supportSubSectionHeading" title="[% locale.maketext('Grant [asis,cPanel] Support Access') %]">
                    [% locale.maketext('Grant [asis,cPanel] Support Access') %]
                </a>
                <span class='sectionDescription'>
                    [% locale.maketext('Manage [asis,cPanel] support’s access to your server.') %]
                </span>
            </div>
        </div>
    </div>
</div>
[% END %]
[% END #wrapper -%]