<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- TODO: dynamic title -->
    <title>pyLoad WebUI</title>
    <meta name="description" content="pyLoad WebUI">
    <meta name="viewport" content="width=device-width">

    <!-- TODO: basepath and templates -->
    <link href="styles/font.css" rel="stylesheet" type="text/css"/>
    <link href="styles/default/main.css" rel="stylesheet" type="text/css">
    <link href="vendor/select2.css" rel="stylesheet" type="text/css"/>


    <!-- build:js scripts/config.js -->
    <script data-main="scripts/config" src="components/requirejs/require.js"></script>
    <!-- endbuild -->

    <script type="text/javascript">

        // Use value set by templateEngine or default val
        function configValue(string, defaultValue) {
            if (string.indexOf('{{') > -1 && string !== 'None' && string !== '')
                return defaultValue;
            return string;
        }

        window.dates = {
            weeks: ['week', 'weeks'],
            days: ['day', 'days'],
            hours: ['hour', 'hours'],
            minutes: ['minute', 'minutes'],
            seconds: ['second', 'seconds']
        }; // TODO carefully when translating

        window.hostProtocol = window.location.protocol +  '//';
        window.hostAddress = window.location.hostname;
        window.hostPort = configValue('{{web}}', '8001');
        window.external = configValue('{{external}}', 'true').toLowerCase();
        window.pathPrefix = configValue('{{prefix}}', '');
        window.wsAddress = configValue('{{ws}}', 'ws://%s:7227');
        window.setup = configValue('{{setup}}', 'false').toLowerCase();

        require(['config'], function(Config) {
            require(['default'], function(App) {
            });
        })
    </script>

</head>
<body>
<div id="wrap">
    <header>
        <div class="container-fluid">
            <div class="row-fluid" id="header">
                <div class="span3">
                    <div class="logo"></div>
                    <span class="title visible-large-screen">pyLoad</span>
                </div>
            </div>
        </div>
        <div id="notification-area"></div>
        <div id="selection-area"></div>
    </header>
    <div id="content-container" class="container-fluid">
        <div class="row-fluid" id="actionbar">
        </div>
        <div class="row-fluid" id="content">
        </div>
    </div>
</div>
<footer>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span2 offset1">
                <div class="copyright">
                    © 2008-2013<br>
                    <a href="http://pyload.org/" target="_blank">The pyLoad Team</a><br>
                </div>
            </div>
            <div class="span2 block">
                <h2 class="block-title">
                    <a href="http://pyload.org" target="_blank">
                        Community &nbsp;<i class="icon-comment"></i>
                    </a>
                </h2>
                <hr>
                <a href="http://pyload.org" target="_blank">Homepage</a>&nbsp;&middot;
                <a href="http://board.pyload.org" target="_blank">Board</a>&nbsp;&middot;
                <a href="http://pyload.org/chat" target="_blank">Chat</a>
            </div>

            <div class="span2 block">
                <h2 class="block-title">
                    <a href="https://twitter.com/pyload" target="_blank">
                    Follow us &nbsp;<i class="icon-twitter"></i>
                    </a>
                </h2>
                <hr>
                <a href="https://twitter.com/pyload" target="_blank">Twitter</a>&nbsp;&middot;
                <a href="http://www.youtube.com/user/pyloadTeam" target="_blank">Youtube</a>
            </div>

            <div class="span2 block">
                <h2 class="block-title">
                    <a href="https://github.com/pyload" target="_blank">
                    Development &nbsp;<i class="icon-github"></i>
                    </a>
                </h2>
                <hr>
                <a href="https://github.com/pyload" target="_blank">Github</a>&nbsp;&middot;
                <a href="http://docs.pyload.org" target="_blank">Documentation</a>
            </div>

            <div class="span2 block">
                <h2 class="block-title">
                    <a href="http://pyload.org/donate" target="_blank">
                    Donate &nbsp;<i class="icon-bitcoin">&nbsp;</i>
                    </a>
                </h2>
                <hr>
                <a href="http://pyload.org/donate" target="_blank">PayPal</a>&nbsp;&middot;
                <a href="http://blockchain.info/address/1JvcfSKuzk3VENJm9XtqGp2DCTesgokkG2" target="_blank">Bitcoin</a>&nbsp;&middot;
                <a href="https://flattr.com/profile/pyload" target="_blank">Flattr</a>
            </div>

        </div>
    </div>
</footer>
<div id="modal-overlay" class="hide"></div>
</body>
</html>