{include file="left.tpl"}

<div class="content float-right">
    <div id="store_server_info"></div>
    <div class="block">
        <div class="header">Покупка услуг</div>
        {if('{servers}' == '0')}
        <div class="block-content">
            <div class="bs-callout bs-callout-error bs-mini">
                <p>К сожалению, доступных услуг не найдено.</p>
            </div>
        </div>
        {/if}
        <div class="block-content" id="buy_service_area">
            <script>
                function local_change_serv() {
                    var server = $('#store_server option:selected').val();
                    get_services(server);
                    get_server_store(server);
                }

                function local_change_service() {
                    var service = $('#store_services option:selected').val();
                    get_tarifs(service);
                }

                function local_change_type() {
                    var type = $('#store_type option:selected').val();
                    change_store_bind_type(type);
                }
            </script>
            {if('{discount}' != '0')}
            <div class="bs-callout bs-callout-success m-t-5">
                <p>На все услуги действует скидка в размере {discount}%.</p>
            </div>
            {/if}
            <div class="form-input">
                <label for="server">Игровой сервер</label>
                <select id="store_server" onchange="local_change_serv();">
                    {servers}
                </select>
            </div>
            <div class="form-input">
                <label for="services">Услуга</label>
                <select id="store_services" onchange="local_change_service();"></select>
            </div>
            <div class="form-input">
                <label for="tarifs">Период</label>
                <select id="store_tarifs"></select>
            </div>
            <div class="form-input">
                <label for="type">Тип привязки</label>
                <select id="store_type" onchange="local_change_type();">
                    <option value="0">Выберите способ привязки</option>
                    <option value="1">Ник + пароль</option>
                    <option value="2">STEAM ID</option>
                    <option value="3">STEAM ID + пароль</option>
                </select>
				<input class="disp-n" type="text" maxlength="32" id="player_nick" placeholder="Введите свой ник" value="{nick}">
                <input class="disp-n" type="text" maxlength="32" id="player_steam_id" placeholder="Введите свой STEAM ID" value="{steam_id}">
                <input class="disp-n" type="text" maxlength="32" id="player_pass" placeholder="Придумайте пароль">
            </div>
            {if(is_auth())}
            <div class="form-input">
                <label>Условия</label>
                <input id="store_checbox" data-status="2" type="checkbox" onclick="on_buying()" class="agree float-left"> Я ознакомлен с <a target="_black" href="/pages/rules"><u>правилами</u></a> сервера и согласен с ними
            </div>
			<div class="message-send" id="buy_result"></div><br>

			<div id="button">
				<button id="store_buy_btn" class="btn red float-left disabled">Купить</button>
				<button id="store_answer_btn" class="btn red float-right disp-n">Нет</button>
			</div>
            {else}
            <div class="message-send">
                <p>Авторизуйтесь, чтобы приобрести услугу</p>
            </div>
            {/if}
			<div class="clear"></div>
        </div>
    </div>
    <div class="block" id="info">
        <div class="header">Информация об услуге</div>
        <div class="block-content" id="store_service_info"></div>
    </div>
    <script>
        local_change_serv();
    </script>
</div>