<script type="text/javascript">
function switchDisplayType()
{
    var status = document.getElementById('displayDeRegisteredModules').checked;
    if (status) {
        var url = document.getElementById('linkDeregisteredModules').innerHTML;
    } else {
        var url = document.getElementById('linkRegisteredModules').innerHTML;
    }
    document.location.href = unescape(url);
}
</script>

<div id="manager-actions">
    <span>{translate(#Action#)}: &nbsp;</span>
    <a class="action reorder" href="{makeUrl(#list#,#module#,#default#)}">{translate(#Refresh Module Listing#)}</a>
</div>
<div id="content">
    <div id="content-header">
        <h2>{translate(pageTitle)}</h2>
        <div class="message">{msgGet()}</div>
    </div>

    <form style="float: none;" id="moduleSwitcher" action="" flexy:ignore>
        <h3>{translate(#Module list#)}</h3>
        <p>{translate(#Below is a list#)}</p>
        <fieldset class="hide">
            <p id="linkRegisteredModules">{makeUrl(##,#module#,#default#,##,#displayDeRegisteredModules|0#):u}</p>
            <p id="linkDeregisteredModules">{makeUrl(##,#module#,#default#,##,#displayDeRegisteredModules|1#):u}</p>
        </fieldset>
        <fieldset class="noBorder">
            <input flexy:ignore id="displayDeRegisteredModules"
                type="checkbox" name="displayDeRegisteredModules"
                onclick="switchDisplayType()" flexy:raw="{deRegisteredModulesChecked}" />
            <label for="displayDeRegisteredModules">{translate(#show uninstalled modules#)}</label>
        </fieldset>
    </form>

    <table class="full">
        <thead>
            <tr class="infos">
                <td class="right" colspan="8">&nbsp;</td>
            </tr>
            <tr>
                <th width="5%">&nbsp;</th><!--IMAGE-->
                <th width="5%" class="left">{translate(#Title#)}</th>
                <th width="10%">{translate(#action#,#ucfirst#)}</th>
                <th width="10%">{translate(#Reload#)}</th>
                <th width="55%" class="left">{translate(#Description#)}</th>
                <th width="5%">{translate(#Maintainer#)}</th>
                <th width="5%">{translate(#License#)}</th>
                <th width="5%">{translate(#State#)}</th>
            </tr>
        </thead>

        <tbody>
        {if:aModules}
            <tr class="{switchRowClass()}" flexy:foreach="aModules,key,oValue">
                {if:oValue.isInstalled}

                <!--MODULE IMAGE-->

                <td><img src="{webRoot}/themes/{theme}/images/16/module_{oValue.name}.gif" alt="" /></td>

                <!--EDIT MODULE LINK-->
                <td class="left">
                    <a href="{makeUrl(##,#moduleconfig#,#default#,aModules,#frmModule|name#,key)}"
                        title="edit config for {oValue.title}">{oValue.title}</a>
                </td>

                <!--ACTION-->
                <td>
                    <a href="{makeUrl(#uninstall#,#module#,#default#,aModules,#frmModuleId|module_id#,key)}"
                            title="{translate(#uninstall#)} {oValue.title}"
                            onclick="return confirmDeleteWithMsg('{translate(#module deregister msg#)}')" >
                        <img src="{webRoot}/themes/{theme}/images/16/edit_remove.png" alt="{translate(#uninstall#)}" />
                    </a>
                </td>

                <!--RELOAD -->
                <td>
                    <a href="{makeUrl(#reinstall#,#module#,#default#,aModules,#frmModuleId|module_id#,key)}"
                            title="{translate(#reload#)} {oValue.title}"
                            onclick="return confirmDeleteWithMsg('{translate(#module reload msg#)}')" >
                        <img src="{webRoot}/themes/{theme}/images/22/action_reorder.gif" alt="" />
                </td>

                <!--DESCRIPTION-->
                <td class="left desc">{oValue.description}</td>

                <!--MAINTAINER-->
                <td class="left desc">{oValue.maintainers}</td>

                <!--LICENSE-->
                <td class="left desc">{oValue.license}</td>

                <!--STATE-->
                <td class="left desc">{oValue.state}</td>

                {else:}

                <!--MODULE IMAGE-->
                <td><img src="{webRoot}/themes/{theme}/images/16/module_{oValue.name}_disabled.gif" alt="" /></td>

                <!--EDIT MODULE LINK-->
                <td class="left">
                    <a class="disabled" href="{makeUrl(##,#moduleconfig#,#default#,aModules,#frmModule|name#,key)}">{oValue.title}</a>
                </td>

                <!--ACTION-->
                <td>
                    <!--INSTALL-->
                    <a href="{makeUrl(#install#,#module#,#default#,aModules,#frmModuleName|name#,key)}"
                            title="{translate(#install#)} {oValue.title}" >
                        <img src="{webRoot}/themes/{theme}/images/16/edit_add.png" alt="{translate(#install#)}" />
                    </a>
                    &nbsp;
                    <!--DELETE-->
                    <a href="{makeUrl(#delete#,#module#,#default#,aModules,#frmModuleName|name#,key)}"
                            title="{translate(#remove#)} {oValue.title}"
                            onclick="return confirmDeleteWithMsg('{translate(#module deletion msg#)}')" >
                        <img src="{webRoot}/themes/{theme}/images/16/action_disable.gif" alt="{translate(#remove#)}" />
                    </a>
                </td>

                <!--RELOAD -->
                <td>&nbsp;</td>

                <!--DESCRIPTION-->
                <td class="left desc disabled">{oValue.description}</td>

                <!--MAINTAINER-->
                <td class="left desc">{oValue.maintainers}</td>

                <!--LICENSE-->
                <td class="left desc">{oValue.license}</td>

                <!--STATE-->
                <td class="left desc">{oValue.state}</td>
                {end:}
            </tr>
        {else:}
            <tr>
                <td colspan="7">{translate(#no results found#)}</td>
            </tr>
        {end:}
        </tbody>
    </table>
</div>