<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title data-resource-title="ProxySettingsHeaderTitle"></title>
    <meta http-equiv="X-UA-Compatible" content="IE=11">
    <meta charset="utf-8"/>
    <link href="../../Css/SP.Styles.css" rel="stylesheet" type="text/css"/>
    <script src="../../Js/Settings/SP.Settings.Proxy.App.js" defer></script>
</head>
<body >
<div id="header-wrapper">
    <div id="header">
        <div id="header-title" data-resource-text="ProxySettingsHeaderTitle"></div>
        <div id="header-description" data-resource-text="ProxySettingsHeaderDescription"></div>
    </div>
</div>

<div id="content-wrapper">
    <div id="spinner">
        <img id="spinner-image" src="../../Img/SP.Notification.Progress.gif" alt=""/>
        <div id="spinner-header" data-resource-text="CommonInfoProgressBarLoadingText"></div>
        <div id="spinner-body"></div>
    </div>

    <div id="content">
        <div>
            <div class="text-row text-header" data-resource-text="ProxySettingsContentsProxyHeader"></div>

            <div class="text-row-content">
                <div class="text-row text-row-header" data-resource-text="ProxySettingsContentsEnable">
                </div>
                <div class="text-row">
                    <input id="proxyEnabledCheckbox" type="checkbox"/>
                </div>
            </div>

            <div class="text-row-content">
                <div class="text-row text-row-header" data-resource-text="ProxySettingsContentsAddress">
                </div>
                <div class="text-row">
                    <input id="proxyAddressTxt" type="text" class="input-md"/>
                </div>
            </div>

            <div class="text-row-content">
                <div class="text-row text-row-header" data-resource-text="ProxySettingsContentsUserName">
                </div>
                <div class="text-row">
                    <input id="proxyUserNameTxt" type="text" class="input-md"/>
                </div>
            </div>

            <div class="text-row-content">
                <div class="text-row text-row-header" data-resource-text="ProxySettingsContentsPassword">
                </div>
                <div class="text-row">
                    <input id="proxyPasswordTxt" type="password" class="input-md"/>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="footer-wrapper">
    <div id="footer">
        <input id="sendBtn" type="button" value="" data-resource-text="ProxySettingsContentsSaveButton"/>
        <input id="cancelBtn" type="button" value="" data-resource-text="ProxySettingsContentsCancelButton"/>
    </div>
</div>
</body>
</html>