{header}
<div class="block_narrow">
{menu_page}
</div>
<div class="block_main">
    <h2>{l_title_current}</h2>

	<script>
		function checkPassword()
		{
			form = document.getElementById('formMainConfig');

			if (!(validateTwoFields(form['option[admin_password]'], '{l_field_admin_password}', form['option[admin_password2]'], '{l_field_admin_password2}'))) {
				return false;
			}

			return true;
		}
	</script>

    <div class="bl_form">
        <form action="{url_page}" method="POST" onsubmit="return checkPassword();" id="formMainConfig">
			<input type="hidden" name="cmd" value="update">
			{message_main}

			{config_fields}

			<div class="wrap_button fl_right">
                <button class="button" type="submit">{l_save}</button>
			</div>
        </form>
    </div>

<!-- begin_logo_block -->
    <h2>{title_block}</h2>

    <div class="bl_form">

    <script>
    $(function() {
        var $img,${block}Frm=$('#{block}_form'),
            ${block}File=${block}Frm.find('input.upload'),
            ${block}Sbm=${block}Frm.find('#update');
            ${block}Delete=${block}Frm.find('#delete');
            ${block}Cmd=${block}Frm.find('#cmd{block}');

            ${block}File.change(function(){
                ${block}Sbm.text('{l_upload}')
            });

            ${block}Frm.ajaxForm({
            beforeSubmit: function(a,f,o) {
                if (${block}Cmd.val() != 'delete_{block}'){
                    if(!trim(${block}File.val())){
                        return false;
                    }
                }
                $img=$('#{block}_output').find('img');
                $('#{block}_output').html('{l_submitting}');
            },
            success: function(data) {
				var url = '{url_logo}';
				try {
					var obj = jQuery.parseJSON(data),$out = $('#{block}_output');
					if (obj.status == 0 || obj.url == '') {
                        $out.html('').append($img);
						alert(obj.msg);
					} else {
                        url = obj.url;
                        var $imgNew=$('<img src="'+url+'?' + Math.random() + '" alt=""/>').fadeTo(1,0).load(function(){
                            $(this).fadeTo(100,1);
                        });
                        $out.html('').append($imgNew);
                        if (${block}Cmd.val() != 'delete_{block}'){
                            if (typeof obj.width != 'undefined' && typeof obj.height != 'undefined') {
                                $('#{block}_form').find('.logo_width').val(obj.width).end()
                                                  .find('.logo_height').val(obj.height);
                            }
                            ${block}Sbm.text('{l_update_size}');
                        }
                    }
				} catch (err) {
					alert('{l_file_type_is_incorrect}');
				}
            }
        });
    });
    </script>

    <form id="{block}_form" action="{url_page}" method="POST" enctype="multipart/form-data">
        <input type="hidden" id ="cmd{block}" name="cmd" value="update_{block}">

        <div id="{block}_output" class="block_logo">
            <img src="{url_logo}?rand={rand}" alt=""/>
        </div>
        <!-- begin_logo_block_params -->
        <div class="block_logo_params">
            <table>
                <tr>
                    <td class="label"><span>{l_width}:</span></td>
                    <td style="width: 40px;"><input class="logo_width" type="text" maxlength="3" name="{block}_width" value="{logo_width}" ></td>
                    <td class="px"><span>{l_px}</span></td>
                </tr>
                <tr>
                    <td class="label"><span>{l_height}:</span></td>
                    <td style="width: 40px;"><input class="logo_height" type="text" maxlength="3" name="{block}_height" value="{logo_height}" ></td>
                    <td class="px"><span>{l_px}</span></td>
                </tr>
            </table>
        </div>
        <!-- end_logo_block_params -->
        <div class="cl"></div>
        <div class="fl_left">
            <input class="upload" type="file" name='logo'/>
        </div>
        <!-- begin_delete -->
        <div class="wrap_button fl_right">
            <button id="delete" onClick="if (confirm('{l_are_you_sure}')) { $('#cmd{block}').val('delete_{block}'); return true; } else return false;" class="button" type="submit">{l_delete}</button>
        </div>
        <!-- end_delete -->
        <div class="wrap_button fl_right">
            <button id="update" onClick="$('#cmd{block}').val('update_{block}');" class="button" type="submit">{l_upload}</button>
		</div>
    </form>

    </div>
<!-- end_logo_block -->
</div>
<div class="empty"></div>
{footer}