[%  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
-%]

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

        [% IF pageData.invalidApache -%]
            <p>
                [% locale.maketext("Invalid apache version, using [output,strong,_1].", pageData.profileApache) %]
            </p>
        [% END -%]

        <div class="grid-row margin-fix">
            <div class="span8 gotoLinks">
                <span>
                    [% locale.maketext("Jump to:") %]
                </span>
                <span>
                    [% FOREACH item IN pageData.navIndex -%]
                        <a href="#[% item.anchor %]">[% item.name %]</a>
                        [% IF !loop.last -%]
                            |
                        [% END -%]
                    [% END -%]
                </span>
            </div>
        </div>
        <div class="grid-row margin-fix">
            <div class="alert info span10">
                <span class="alertBody">
                    [% locale.maketext("If you need more information about specific apache modules, their capabilities, or uses please see [output,url,_1,_1,target,_blank]", "http://httpd.apache.org/") %]
                </span>
            </div>
        </div>
        <div class="grid-row margin-fix">
            <div class="span9 optContainer">
                <label class="title">[% pageData.stepDesc %]</label>
                [%# Loop through the form data array %]
                [% FOREACH section IN pageData.fullOptList %]

                [%
                    SET sectionList = section.sectionData;
                    SET optionClass = "optionsList";
                    SET prefDescClass = "";
                    SET sectionKey = section.sectionKey;
                    SET firstSection = loop.index == 0 ? "first-section" : "";
                -%]

                    [%# Optmod section navigation link -%]
                    <a name="[% sectionKey %]"></a>

                    <fieldset class="optSection [% firstSection %]">
                    [% IF sectionKey == "apache" -%]
                        <legend>
                            [% firstSection %]
                            <span>[% locale.maketext("Apache Built-in Modules") %]</span>
                        </legend>

                        <blockquote class="info_box_transparent">
                            [% locale.maketext("Options in [_1]this color[_2] are enabled by default in Apache. That means that you won't see anything added to Apache's configure line unless it is unchecked.", '<span class="caution">', '</span>') %]
                        </blockquote>
                    [% ELSIF sectionKey == "non_php_includes" -%]
                        <legend>
                            <span>[% locale.maketext("Other Modules") %]</span>
                        </legend>
                    [% ELSIF sectionKey == "php5" -%]
                        [% NEXT IF !pageData.isPhp5 -%]
                        <legend>
                            <span name="php5">
                                [% locale.maketext('PHP [_1] (Be sure to [output,url,_2,"harden" your PHP,target,_blank] since PHP has many security issues)', pageData.phpFullVersion, "http://go.cpanel.net/hardeningphp") %]
                            </span>
                        </legend>
                        <div class="grid-row margin-fix">
                            <div class="alert info span12">
                                <span class="alertBody">
                                    [% locale.maketext("For more information about PHP configuration, capabilities, and limitations please see [output,url,_1,_1,target,_blank]", "http://www.php.net") %]
                                </span>
                            </div>
                        </div>
                        <div class="grid-row margin-fix">
                            <div class="alert span12">
                                <span class="alertBody">
                                    [% locale.maketext("Options in [_1]this color[_2] are enabled by default in php [_3]. That means that you won't see anything added to php's configure line unless it is unchecked.", '<span class="caution">', '</span>', pageData.phpFullVersion) %]
                                </span>
                            </div>
                        </div>

                    [% ELSIF sectionKey == "prefs" -%]
                        [%
                            optionClass = "";
                            prefDescClass = "prefDesc";
                        -%]
                        <legend>
                            <span>[% locale.maketext("Preferences") %]</span>
                        </legend>
                    [% END -%]

                        <table class="tableCondensed [% optionClass %]">
                        [%# RENDER checkbox list %]
                        [% FOREACH optMod IN sectionList -%]
                            <tr>
                                <td>
                                    <input type="checkbox"
                                            id="[% optMod.key %]"
                                            name="[% optMod.key %]"
                                            value="1"
                                            [% optMod.isSelected ? " checked" : "" %] />
                                </td>
                                <td>
                                    <label for="[% optMod.key %]" class="[% prefDescClass %]">
                                        [% IF optMod.isReverse -%]
                                            <span class="caution">[% optMod.name %]</span>
                                        [% ELSE -%]
                                            [% optMod.name %]
                                        [% END -%]

                                        [% IF optMod.supportLevel -%]
                                            <span class="optModSupportLevel">[% optMod.supportLevel %]</span>
                                        [% END -%]

                                        [% IF optMod.url -%]
                                            [
                                                <a target="_blank" href="[% optMod.url %]">[% locale.maketext("More Info &#8593;") %]
                                                </a>
                                            ]
                                        [% END -%]

                                        [% IF optMod.lastRunFailed;
                                            SET iframeArg = "<iframe height=90% width=100% src=easyapache.pl?skip-cpanelsync=1&action=_last_run&ns=" _ optMod.key _ " />"
                                        -%]

                                        [<a href="javascript:display_quickpopupbox('Issues last time','[% iframeArg %]')">
                                        <img src="/images/reject.gif" />
                                            [% locale.maketext("click here for details") %]
                                        </a>]
                                        [% END -%]
                                    </label>
                                </td>
                            </tr>
                            [% IF optMod.desc -%]
                            <tr>
                              <td>&nbsp;</td>
                              <td>
                                <div class="optModDesc">
                                    [% optMod.desc %]
                                </div>
                            </tr>
                            </tr>
                            [% END -%]
                        [% END -%]
                        </table>
                        <div class="gotoTopLink">
                            <a href="#top">[% locale.maketext("Back to top") %]</a>
                        </div>
                    </fieldset>
                [% END -%]

                [%# Save As navigation link -%]
                <a name="save"></a>
                [%# Render save as section %]
                <fieldset class="optSection">
                    <legend>
                        <span>
                            [% locale.maketext("Save selections as custom profile (optional)") %]
                        </span>
                    </legend>
                    <div class="grid-row margin-fix">
                        <div class="alert info span12">
                            <span class="alertBody">
                                [% locale.maketext('When you "save" your choices in this interface it is referred to as the "Previously Saved Config". Here, you can additionally "Save As" a specific name for reuse.') %]
                            </span>
                        </div>
                    </div>
                    <table class="tableCondensed">
                        <tr valign="top">
                            <td>
                                <label for="save_as_ident">[% locale.maketext("File name") %]</label>
                            </td>
                            <td>
                                <input size="32" maxlength="64" type="text" id="save_as_ident" name="save_as_ident" value="[% pageData.saveAsFormData.save_as_ident %]" />
                            </td>
                        </tr>
                        <tr valign="top">
                            <td>&nbsp;</td>
                            <td>
                                [% locale.maketext("(Maximum 64 letters, numbers, and underscores only)") %]
                            </td>
                        </tr>
                        <tr valign="top">
                            <td>
                                <label for="save_as_name">[% locale.maketext("Display Name") %]</label>
                            </td>
                            <td>
                                <input size="32" maxlength="128" type="text" id="save_as_name" name="save_as_name" value="[% pageData.saveAsFormData.save_as_name %]" />
                            </td>
                        </tr>
                        <tr valign="top">
                            <td>
                                <label for="save_as_desc">[% locale.maketext("Description") %]</label>
                            </td>
                            <td>
                                <textarea cols="35" rows="3" id="save_as_desc" name="save_as_desc">[% pageData.saveAsFormData.save_as_desc %]</textarea>
                            </td>
                        </tr>
                    </table>
                    <div class="gotoTopLink"><a href="#top">[% locale.maketext("Back to top") %]</a></div>
                </fieldset>
            </div>
        </div>
    </fieldset>

    [%# RENDER Buttons %]
    <div class="field actionButtons">
        <button id="next_step"
                class="btn-primary primary input-button"
                type="submit"
                name="action"
                value="save_only">
            [% locale.maketext("Save only (Do NOT build)") %]
        </button>
         or

        <button id="save_and_build"
                name="action"
                value="save_and_build"
                class="btn-primary primary input-button"
                type="submit"
                onClick="return CPANEL.ea.confirmBuild(this);">
            [% locale.maketext("Save and Build") %]
        </button>
    </div>
    [% END #END Wizard Wrapper -%]

    <script type="text/javascript">
      <!--
        EVENT.onDOMReady(function(){
            var listExhaustiveOptions = new CPANEL.ea.ListAllOptions([% pageData.verifyOptions %]);
        });

      -->
    </script>
[% END #END Master Wrapper -%]