
<!DOCTYPE html>
<html>
<head>
    <title>nopCommerce installation</title>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
        <link href="/Content/Install/style.css" type="text/css" rel="stylesheet" />
    <script src="/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
    <script src="/Scripts/public.common.js" type="text/javascript"></script>
</head>
<body class="container-main">
<form action="/install" id="installation-form" method="post">        <script type="text/javascript">
            $(document).ready(function () {
                $('#installation-form').submit(function () {
                    if ($('#installation-form').valid()) {
                        window.setTimeout(function () {
                            $(".throbber").show();
                        }, 1000);

                        $('input[type=submit]', this).attr('disabled', 'disabled');
                    }
                });
            });

            $(document).ready(function () {
                $('input:radio[name=DataProvider]').click(toggleProvider);
                $('input:radio[name=SqlConnectionInfo]').click(toggleSqlConnectionInfo);
                $('input:radio[name=SqlAuthenticationType]').click(toggleSqlAuthenticationType);
                $("input:checkbox[name=UseCustomCollation]").click(toggleCollation);

                toggleProvider();
                toggleSqlConnectionInfo();
                toggleSqlAuthenticationType();
                toggleCollation();
            });


            function toggleProvider() {
                var selectedProvider = $("input[name=DataProvider]:checked").attr('id');
                if (selectedProvider == 'provider_sqlce') {
                    $('#sqlConnectionInfo').hide();
                }
                else if (selectedProvider == 'provider_sqlserver') {
                    $('#sqlConnectionInfo').show();
                }
            }

            function toggleSqlConnectionInfo() {
                var selectedProvider = $("input[name=SqlConnectionInfo]:checked").attr('id');
                if (selectedProvider == 'sqlconnectioninfo_values') {
                    $('#sqlDatabaseInfo').show();
                    $('#sqlDatabaseConnectionString').hide();
                }
                else if (selectedProvider == 'sqlconnectioninfo_raw') {
                    $('#sqlDatabaseInfo').hide();
                    $('#sqlDatabaseConnectionString').show();
                }
            }

            function toggleSqlAuthenticationType() {
                var selectedProvider = $("input[name=SqlAuthenticationType]:checked").attr('id');
                if (selectedProvider == 'sqlauthenticationtype_sql') {
                    $('#pnlSqlServerUsername').show();
                    $('#pnlSqlServerPassword').show();
                }
                else if (selectedProvider == 'sqlauthenticationtype_windows') {
                    $('#pnlSqlServerUsername').hide();
                    $('#pnlSqlServerPassword').hide();
                }
            }


            function toggleCollation() {
                if ($('#UseCustomCollation').is(':checked')) {
                    $('#Collation').show();
                }
                else {
                    $('#Collation').hide();
                }
            }

        </script>
        <table border="0" cellpadding="0" cellspacing="0" class="container-installer">
            <tr class="top">
                <td class="left">
                    &nbsp;
                </td>
                <td class="center">
                    &nbsp;
                </td>
                <td class="right">
                    &nbsp;
                </td>
            </tr>
            <tr class="Middle">
                <td class="left">
                    &nbsp;
                </td>
                <td class="center">
                    <span class="header-text">nopCommerce installation</span><br />
                    <div class="content">
                        <table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
                            <tbody>
                                <tr style="height: 100%;">
                                    <td>
                                        <table class="wizard-step" border="0" cellpadding="0" cellspacing="10">
                                            <tr>
                                                <td colspan="2">
                                                    <p>
                                                        
                                                        To complete this wizard, you must know some information regarding your database server (&quot;connection string&quot;). Please contact your ISP if necessary. If you&#39;re installing on a local machine or server, you might need information from your System Admin.
                                                        <br />
                                                        <div style="color: Red;">
                                                            <div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
</ul></div>
                                                        </div>
                                                    </p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" align="left">
                                                    <h3>
                                                        Store information</h3>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td nowrap="nowrap" align="left">
                                                    <label for="AdminEmail">
                                                        Admin user email:</label>
                                                </td>
                                                <td width="100%">
                                                    <input class="textbox" data-val="true" data-val-email="&#39;Admin Email&#39; is not a valid email address." data-val-required="Enter admin email" id="AdminEmail" name="AdminEmail" type="text" value="admin@yourStore.com" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td nowrap="nowrap" align="left">
                                                    <label for="AdminPassword">
                                                        Admin user password:</label>
                                                </td>
                                                <td width="100%">
                                                    <input class="textbox" data-val="true" data-val-equalto="The passwords do not match" data-val-equalto-other="*.ConfirmPassword" data-val-required="Enter admin password" id="AdminPassword" name="AdminPassword" type="password" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td nowrap="nowrap" align="left">
                                                    <label for="ConfirmPassword">
                                                        Confirm the password:</label>
                                                </td>
                                                <td width="100%">
                                                    <input class="textbox" data-val="true" data-val-required="Enter confirm password" id="ConfirmPassword" name="ConfirmPassword" type="password" />
                                                </td>
                                            </tr>
                                                <tr>
                                                    <td nowrap="nowrap" align="left">
                                                        <label for="InstallSampleData">
                                                            Create sample data:</label>
                                                    </td>
                                                    <td width="100%">
                                                        <input data-val="true" data-val-required="&#39;Install Sample Data&#39; must not be empty." id="InstallSampleData" name="InstallSampleData" type="checkbox" value="true" /><input name="InstallSampleData" type="hidden" value="false" />
                                                    </td>
                                                </tr>
                                            <tr>
                                                <td colspan="2" align="left">
                                                    <h3>
                                                        Database information</h3>
                                                    <hr />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" align="left">
                                                    <input data-val="true" data-val-required="Select data provider" id="provider_sqlce" name="DataProvider" type="radio" value="sqlce" />
                                                    <label for="provider_sqlce">
                                                        Use built-in data storage (SQL Server Compact)</label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" align="left">
                                                    <input checked="checked" id="provider_sqlserver" name="DataProvider" type="radio" value="sqlserver" />
                                                    <label for="provider_sqlserver">
                                                        Use SQL Server (or SQL Express) database <strong>[Recommended]</strong></label>
                                                    <div id="sqlConnectionInfo">
                                                        <br />
                                                        <hr />
                                                        <br />
                                                        <div>
                                                            <table>
                                                                <tr>
                                                                    <td nowrap="nowrap" align="left">
                                                                        <label for="SqlServerCreateDatabase">
                                                                            Create database if it doesn&#39;t exist:</label>
                                                                    </td>
                                                                    <td width="100%">
                                                                        <input data-val="true" data-val-required="&#39;Sql Server Create Database&#39; must not be empty." id="SqlServerCreateDatabase" name="SqlServerCreateDatabase" type="checkbox" value="true" /><input name="SqlServerCreateDatabase" type="hidden" value="false" />
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <br />
                                                        <input checked="checked" id="sqlconnectioninfo_values" name="SqlConnectionInfo" type="radio" value="sqlconnectioninfo_values" />
                                                        <label for="sqlconnectioninfo_values">
                                                            Enter SQL connection values</label>
                                                        <input id="sqlconnectioninfo_raw" name="SqlConnectionInfo" type="radio" value="sqlconnectioninfo_raw" />
                                                        <label for="sqlconnectioninfo_raw">
                                                            Enter raw connection string (advanced)</label>
                                                        <div id="sqlDatabaseInfo">
                                                            <table>
                                                                <tr>
                                                                    <td nowrap="nowrap" align="left">
                                                                        <label for="SqlServerName">
                                                                            SQL Server name:</label>
                                                                    </td>
                                                                    <td width="100%">
                                                                        <input class="textbox" id="SqlServerName" name="SqlServerName" type="text" value="" />
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td nowrap="nowrap" align="left">
                                                                        <label for="SqlDatabaseName">
                                                                            Database name:</label>
                                                                    </td>
                                                                    <td width="100%">
                                                                        <input class="textbox" id="SqlDatabaseName" name="SqlDatabaseName" type="text" value="" />
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="left" colspan="2">
                                                                        <input checked="checked" id="sqlauthenticationtype_sql" name="SqlAuthenticationType" type="radio" value="sqlauthentication" />
                                                                        <label for="sqlauthenticationtype_sql">
                                                                            Use SQL Server account</label>
                                                                        <input id="sqlauthenticationtype_windows" name="SqlAuthenticationType" type="radio" value="windowsauthentication" />
                                                                        <label for="sqlauthenticationtype_windows">
                                                                            Use integrated Windows authentication</label>
                                                                    </td>
                                                                </tr>
                                                                <tr id="pnlSqlServerUsername">
                                                                    <td nowrap="nowrap" align="left">
                                                                        <label for="SqlServerUsername">
                                                                            SQL Username:</label>
                                                                    </td>
                                                                    <td width="100%">
                                                                        <input class="textbox" id="SqlServerUsername" name="SqlServerUsername" type="text" value="" />
                                                                    </td>
                                                                </tr>
                                                                <tr id="pnlSqlServerPassword">
                                                                    <td nowrap="nowrap" align="left">
                                                                        <label for="SqlServerPassword">
                                                                            SQL Password:</label>
                                                                    </td>
                                                                    <td width="100%">
                                                                        <input class="textbox" id="SqlServerPassword" name="SqlServerPassword" type="password" />
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <div id="sqlDatabaseConnectionString">
                                                            <span style="white-space: nowrap;">
                                                                <label for="DatabaseConnectionString">
                                                                    Connection string:</label>
                                                                <input class="textbox" id="DatabaseConnectionString" name="DatabaseConnectionString" style="width:90%;" type="text" value="" />
                                                            </span>
                                                            <br />
                                                            <span class="hint">Example:<br />
                                                                Data Source=sqlServerName;Initial Catalog=dbName;Persist Security Info=True;User
                                                                ID=userName;Password=password
                                                                <br />
                                                                Find more info <a href="http://www.connectionstrings.com/" target="_blank">here</a>
                                                            </span>
                                                        </div>
                                                        <div>
                                                            <table>
                                                                <tr>
                                                                    <td nowrap="nowrap" align="left">
                                                                        <label for="UseCustomCollation">
                                                                            Specify custom SQL Server collation:</label>
                                                                    </td>
                                                                    <td width="100%">
                                                                        <input data-val="true" data-val-required="&#39;Use Custom Collation&#39; must not be empty." id="UseCustomCollation" name="UseCustomCollation" type="checkbox" value="true" /><input name="UseCustomCollation" type="hidden" value="false" />
                                                                        <input id="Collation" name="Collation" type="text" value="SQL_Latin1_General_CP1_CI_AS" />
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2">
                                                    &nbsp;
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2">
                                                    If you need information on how to use nopCommerce, visit <a href="http://docs.nopcommerce.com/display/nc/nopCommerce+Documentation?utm_source=installation-page&utm_medium=footer&utm_campaign=installation-page" target="_blank">the documentation section on nopCommerce.com</a>.
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2">
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        <div style="float: right; padding: 0px 10px 0px 0px;">
                                            <input type="submit" value="Install" style="width: 100px;" />
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </td>
                <td class="right">
                </td>
            </tr>
            <tr class="Bottom">
                <td class="left">
                    &nbsp;
                </td>
                <td class="center">
                    &nbsp;
                </td>
                <td class="right">
                    &nbsp;
                </td>
            </tr>
        </table>
        <div class="container-footer">
            <div style="text-align: left; padding: 0px 0px 0px 0px; color: #606060; float: left;">
                <a href="/Install/RestartInstall" title="Click to restart the installation process (clear all cached values)">
                    Restart installation</a>
            </div>
            <div style="text-align: right; padding: 0px 0px 0px 0px; color: #606060; float: right;">
                <select id="language" name="language" onchange="window.location.href = this.value;"><option value="/Install/ChangeLanguage?language=bs-Latn-BA">Bosanski</option>
<option value="/Install/ChangeLanguage?language=cz">Česky</option>
<option value="/Install/ChangeLanguage?language=da">Dansk</option>
<option value="/Install/ChangeLanguage?language=de">Deutsch</option>
<option selected="selected" value="/Install/ChangeLanguage?language=en">English</option>
<option value="/Install/ChangeLanguage?language=sp">Espa&#241;ol</option>
<option value="/Install/ChangeLanguage?language=fr">Fran&#231;ais</option>
<option value="/Install/ChangeLanguage?language=hr-HR">Hrvatski</option>
<option value="/Install/ChangeLanguage?language=is">&#205;slenska</option>
<option value="/Install/ChangeLanguage?language=it">Italiano</option>
<option value="/Install/ChangeLanguage?language=lt">Lietuvių</option>
<option value="/Install/ChangeLanguage?language=hu">Magyar</option>
<option value="/Install/ChangeLanguage?language=nl">Nederlands</option>
<option value="/Install/ChangeLanguage?language=pl">Polski</option>
<option value="/Install/ChangeLanguage?language=pt-br">Portug&#234;s (Brasil)</option>
<option value="/Install/ChangeLanguage?language=ro">Rom&#226;nă</option>
<option value="/Install/ChangeLanguage?language=sk">Slovensky</option>
<option value="/Install/ChangeLanguage?language=sv">Svenska</option>
<option value="/Install/ChangeLanguage?language=vi">Tiếng Việt</option>
<option value="/Install/ChangeLanguage?language=tr">T&#252;rk&#231;e</option>
<option value="/Install/ChangeLanguage?language=gr">Ελληνικά</option>
<option value="/Install/ChangeLanguage?language=bg">Български</option>
<option value="/Install/ChangeLanguage?language=ru">Русский</option>
<option value="/Install/ChangeLanguage?language=hy-am">Հայերեն</option>
<option value="/Install/ChangeLanguage?language=he">עברית</option>
<option value="/Install/ChangeLanguage?language=ur">اردو</option>
<option value="/Install/ChangeLanguage?language=ar">عربي</option>
<option value="/Install/ChangeLanguage?language=hi">हिंदी</option>
<option value="/Install/ChangeLanguage?language=bn-bd">বাংলা (বাংলাদেশ)</option>
<option value="/Install/ChangeLanguage?language=jp">日本語</option>
<option value="/Install/ChangeLanguage?language=zhs">简体中文</option>
</select>
            </div>
        </div>
        <div class="throbber">
            <div class="curtain">
            </div>
            <div class="curtain-content">
                <div>
                    <h1 class="throbber-header">
                        Installing nopCommerce...</h1>
                    <p>
                        <img src="/content/install/images/install-synchronizing.gif" alt="" />
                    </p>
                </div>
            </div>
        </div>
</form></body>
</html>
