{include file="public/header" /}
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
    <div class="fixed-bar">
        <div class="item-title">
            <div class="subject">
                <h3>友情链接</h3>
                <h5></h5>
            </div>
            {include file="public/admin_items" /}
        </div>
    </div>
    <form id="link_form" enctype="multipart/form-data" method="post">
        <input type="hidden" name="link_id" value="{$link_array.link_id}" />
        <input type="hidden" name="old_link_pic" value="{$link_array.link_pic}" />
        <table class="ds-default-table">
            <tbody>
            <tr class="noborder">
                <td colspan="2" class="required"><label class="validation" for="link_title">合作伙伴:</label></td>
            </tr>
            <tr class="noborder">
                <td class="vatop rowform"><input type="text" value="{$link_array.link_title}" name="link_title" id="link_title" class="txt"></td>
                <td class="vatop tips">{$Think.lang.link_add_name}</td>
            </tr>
            <tr>
                <td colspan="2" class="required"><label class="validation" for="link_url">合作连接:</label></td>
            </tr>
            <tr class="noborder">
                <td class="vatop rowform"><input type="text" value="{$link_array.link_url}" name="link_url" id="link_url" class="txt"></td>
                <td class="vatop tips">{$Think.lang.link_add_href}</td>
            </tr>
            <tr>
                <td colspan="2" class="required"><label for="">图片标识:</label></td>
            </tr>
            <tr class="noborder">
                <td class="vatop rowform">
                    <span class="type-file-show">
                        <img class="show_image" src="{$Think.config.url_domain_root}/static/admin/images/preview.png">
            <div class="type-file-preview"><img src="{$Think.config.url_domain_root}/uploads/admin/link/{$link_array.link_pic}"></div>
            </span>
                    <span class="type-file-box">
            <input name="link_pic" type="file" class="type-file-file" id="link_pic" size="30">
            </span></td>
                <td class="vatop tips">
                    {if $link_array.link_pic == ''}
                   <span class='red'>{$Think.lang.link_add_tosign}</span>
                    {/if}
                </td>
            </tr>
            <tr>
                <td colspan="2" class="required"><label for="link_sort">{$Think.lang.ds_sort}:</label></td>
            </tr>
            <tr class="noborder">
                <td class="vatop rowform"><input type="text" value="{$link_array.link_sort}" name="link_sort" id="link_sort" class="txt"></td>
                <td class="vatop tips">{$Think.lang.link_add_sort_tip}</td>
            </tr>
            <tfoot>
            <tr class="tfoot">
                <td colspan="15"><a href="JavaScript:void(0);" class="btn" id="submitBtn"><span>{$Think.lang.ds_submit}</span></a></td>
            </tr>
            </tfoot>
        </table>
    </form>
</div>
<script>
    //按钮先执行验证再提交表单
    $(function(){
        $("#submitBtn").click(function(){
        if($("#link_form").valid()){
            $("#link_form").submit();
        }
       });
        $('#link_form').validate({
            errorPlacement: function(error, element){
                error.appendTo(element.parent().parent().prev().find('td:first'));
            },
            rules : {
                link_title : {
                    required : true
                },
                link_url  : {
                    required : true,
                    url      : true
                },
                link_sort : {
                    number   : true
                }
            },
            messages : {
                link_title : {
                    required : '{$Think.lang.link_add_title_null}'
                },
                link_url  : {
                    required : '{$Think.lang.link_add_url_null}',
                    url      : '{$Think.lang.link_add_url_wrong}'
                },
                link_sort  : {
                    number   : '{$Think.lang.link_add_sort_int}'
                }
            }
        });
    });
</script>
<script type="text/javascript">
    $(function(){
        var textButton="<input type='text' name='textfield' id='textfield1' class='type-file-text' /><input type='button' name='button' id='button1' value='' class='type-file-button' />"
        $(textButton).insertBefore("#link_pic");
        $("#link_pic").change(function(){
            $("#textfield1").val($("#link_pic").val());
        });
    });
</script>