[%  USE Whostmgr;

    SET pageData = data.page;

    WRAPPER 'master_templates/master.tmpl'
            header = locale.maketext(pageData.header)
            breadcrumburl = '/cgi/easyapache.pl?action=_pre_cpanel_sync_screen'
            stylesheets = [
                '/cgi/easy_apache_ui/easy_apache.css'
            ]
            scripts = [
                '/js/quicksupport.js',
                '/js/popupbox.js',
                '/cgi/easy_apache_ui/easy_apache.js'
            ]
-%]

    [%
        WRAPPER 'ea_wizard_wrapper.tmpl'
                wizardData = data.wizard
    -%]

        [%# RENDER Right Corner Help Links %]
        <div style="margin-left: 20px;float:right;">
          [
            <a href="[% pageData.pageUrl %]?help=1">
                Help
            </a>
          ]

          [
            <a href="[% pageData.pageUrl %]?skip-cpanelsync=1&action=_profile_upload">
                Upload Profile
            </a>
          ]

          [
            <a href="javascript:display_quickpopupbox('About Profiles','[% pageData.aboutProfiles %]')">
                About Profiles
            </a>
          ]

          [
            <a href="[% pageData.pageUrl %]?action=_run_logs&skip-cpanelsync=1">
                Build History
            </a>
          ]

          [
            <a href="[% pageData.pageUrl %]?skip-cpanelsync=1&action=_build_logs">
                Build Log Manager
            </a>
          ]

          [
            <a href="[% pageData.pageUrl %]?skip-cpanelsync=1&action=_archive_ui">
                Archives/Backups
            </a>
          ]
        </div>

        <fieldset>
            <legend>
                [%# RENDER Title %]
                <h4>
                    <img src="/images/configure.gif" class="titleImg" />
                    [% pageData.stepTitle %]
                </h4>
            </legend>

            [%# RENDER Info box %]
            <div class="info_box">
                <p style="font-size:larger">Welcome to [% pageData.header %]</p>

                <p>
                    This tool will guide you through the available options for updating your Apache web server, PHP, and optional modules.

                    [
                        <a target="_blank" href="http://go.cpanel.net/ea">Read the documentation for further information</a>
                    ]
                </p>

                <p>
                    [
                        <a href="?action=quickreference_guide&skip-cpanelsync=1">EasyApache Quick Reference guide</a>
                    ]
                </p>

                <div class="info_note">
                    <img align="absmiddle" src="/images/reject.gif">&nbsp; Before using EasyApache please be sure to
                    <a target="_blank" href="http://go.cpanel.net/ea">
                        read over the documentation
                    </a>.
                    <div>
                        To avoid losing custom modifications to your apache configuration, you will need to move them to include files that the new configuration system uses.
                        For more specific information on includes
                        <a href="http://go.cpanel.net/easyapachecustom" target="_blank">
                            please visit this page
                        </a>.
                    </div>
                </div>
            </div>

            <div class="span8 minViewableWidth">

                <label class="title">[% pageData.stepDesc %]</label>

            [%# RENDER radio list %]
            [% FOREACH profile IN pageData.profilesList %]

                <div class="profile">

                    [%
                        SET toggleDetailText = '',
                            detailClass = '',
                            descDisplay = '';

                        IF profile.isSelected || profile.index == 0;
                            toggleDetailText = pageData.hideDetailText;
                            detailClass = "hideDetail";
                            descDisplay = "block";
                        ELSE;
                            toggleDetailText = pageData.showDetailText;
                            detailClass = "showDetail";
                            descDisplay = "none";
                        END;
                    %]

                    <input type="radio" id="profile_[% profile.index %]" name="profile"
                            value="[% profile.profileKey %]" [% (profile.isSelected) ? ' checked' : '' %] />
                    <label for="profile_[% profile.index %]">

                        [% profile.profileName | html %]
                    </label>

                    [%# Show delete option only for custom profiles %]
                    [% IF profile.isCustom %]
                        [
                            <a href="[% pageData.pageUrl %]?action=_delete_profile&del_profile=[% profile.profileKey %]">
                                Delete
                            </a>
                        ]
                    [% END %]

                    [
                        <a style="text-decoration:none; font-weight: 900;" id="seeDetails[% profile.index %]" href="javascript:void(0);" class="[% detailClass %]">
                            [% toggleDetailText %]
                        </a>
                    ]

                    <div style="display:[% descDisplay %]" class="description" id="conf_info[% profile.index %]">

                        &#8593; [% profile.profileDesc | html %]

                        <div class="detailLinks">
                            [
                                <a href="javascript:display_quickpopupbox('Profile Details','<iframe height=90% width=100% src=easyapache.pl?skip-cpanelsync=1&action=_human_readable&profile=[% profile.profileKey %] />')">
                                    Click here to view details
                                </a>
                            ]

                            [
                                <a href="javascript:display_quickpopupbox('Profile Raw - [% profile.profileKey %]','<iframe height=90% width=100% src=easyapache.pl?skip-cpanelsync=1&action=_human_readable&profile=[% profile.profileKey %]&raw=1 />')">
                                    Raw
                                </a>
                            ]

                            [
                                <a href="easyapache.pl?skip-cpanelsync=1&action=_human_readable&profile=[% profile.profileKey %]&raw=1&download=1">
                                    Download profile
                                </a>
                            ]

                            [
                                <a href="javascript:display_quickpopupbox('About Profiles','[% pageData.aboutProfiles %]')">
                                    About Profiles
                                </a>
                            ]
                        </div>
                    </div>
                </div>

            [% END %]
            </div>
        </fieldset>

        [%# RENDER Buttons %]
        <div class="field actionButtons">
            <button class="btn-primary primary input-button" type="submit" id="save_and_build" name="save_and_build" value="save_and_build" onClick="return CPANEL.ea.confirmBuild(this);">
                Build Profile
            </button> or
            <button class="btn-primary primary input-button" type="submit">
                Customize Profile
            </button>
        </div>

    [% END #END Wizard wrapper %]

    [%# Warning popup %]
    <div id="warningPopup" style="display: none;" class="popup">
        <div class="hd">Warning</div>
        <div class="bd">
            [%# Update warning %]
            [% IF pageData.warnings.doUpdate %]
                <h4>Update Notice</h4>

                <p>Your build is out of date as per the red message at the top of the page.</p>

                <p>
                    For best results, you should <a href="../scripts/[% pageData.warnings.updateUrl %]">update</a> before running easy apache.
                </p>
            [% END %]

            [%# Open ssl bug warning %]
            [% IF pageData.warnings.isOpenSslBug %]
                <h4>OpenSSL Bug Notice</h4>

                <p>Your server may be using a version of OpenSSL that contains a serious bug that can prevent Apache 2.x from running properly. Before proceeding further, we ask that you please read the information provided at the following URL and take the proper steps to correct this issue on your server.</p>

                <p>
                    <a target="_blank" href="[% pageData.eaHelpUrl %]">[% pageData.eaHelpUrl %]</a>
                </p>
            [% END %]

            [%# opt ssl information %]
            [% IF pageData.warnings.optOpenssl %]
                <h4>/opt/openssl will be used as the openssl prefix</h4>

                <p>If you experience problems or want to go back to your system openssl <a target="_blank" href="[% pageData.eaHelpUrl %]#noopt">read this<a/> first.</p>
            [% END %]
        </div>
    </div>

    <script type="text/javascript">
        var reportid = 'no report';

        (function(){
            var js_config = {
                profileClassName: "profile",
                descLinkIdSuffix: "seeDetails",
                buildButtonId : "save_and_build",
                warningPopupId : "warningPopup",
                isOldProfile: true,
                showWarningPopup: [% (pageData.do_update || pageData.is_open_ssl_bug || pageData.opt_ssl) ? "true" : "false" %]
            };

            EVENT.onDOMReady(function(){
                var listProfiles = new CPANEL.ea.ListProfiles(js_config);
            });
        })();
    </script>
[% END #wrapper -%]