{if condition="allow_send_set($addons_param['user']['uid'])"}
<div class="clearfix avatar-upload-warp" id="crop-avatar">
    <!-- Current avatar -->
    <div class="alert alert-warning avatar-alert alert-dismissable">
        点击大图上传头像， 一个月只能修改{:config('user_send_limit')}次
    </div>
    <div class="row">
        <div class="col-md-8">
            <div class="avatar-view" title="{$addons_param.user.nickname}">
                <img alt="{$addons_param.user.nickname}" src="{$addons_param.user.avatar}"/>
            </div>
        </div>
        <div class="col-md-4">
            <div class="avatar-preview preview-md user-info">
                <img alt="{$addons_param.user.nickname}" src="{$addons_param.user.avatar}"/>
            </div>
            <div class="avatar-preview preview-sm user-info">
                <img alt="{$addons_param.user.nickname}" src="{$addons_param.user.avatar}"/>
            </div>
        </div>
    </div>

    <!-- Cropping modal -->
    <div aria-hidden="true" aria-labelledby="avatar-modal-label" class="modal fade" id="avatar-modal" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form action="{:addons_url('upload/avatar')}" class="avatar-form" enctype="multipart/form-data" method="post">
                    <div class="modal-header">
                        <button class="close" data-dismiss="modal" type="button">
                            ×
                        </button>
                        <h4 class="modal-title" id="avatar-modal-label">
                            修改头像
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="avatar-body">
                            <!-- Upload image and data -->
                            <div class="avatar-upload">
                                <input class="avatar-src" name="avatar_src" type="hidden">
                                <input class="avatar-data" name="avatar_data" type="hidden">
                                <label for="avatarInput">
                                    点击上传头像
                                </label>
                                <input class="avatar-input" id="avatarInput" name="avatar_file" type="file">
                            </div>
                            <!-- Crop and preview -->
                            <div class="row">
                                <div class="col-md-9">
                                    <div class="avatar-wrapper"></div>
                                </div>
                                <div class="col-md-3">
                                    <div class="avatar-preview preview-lg">
                                    </div>
                                    <div class="avatar-preview preview-md">
                                    </div>
                                    <div class="avatar-preview preview-sm">
                                    </div>
                                </div>
                            </div>
                            <div class="row avatar-btns">
                                <div class="col-md-9">
                                    <div class="btn-group">
                                        <button class="btn btn-primary" data-method="rotate" data-option="-90" title="Rotate -90 degrees" type="button">
                                            左旋转
                                        </button>
                                        <button class="btn btn-primary" data-method="rotate" data-option="-15" type="button">
                                            15度
                                        </button>
                                        <button class="btn btn-primary" data-method="rotate" data-option="-30" type="button">
                                            30度
                                        </button>
                                        <button class="btn btn-primary" data-method="rotate" data-option="-45" type="button">
                                            45度
                                        </button>
                                    </div>
                                    <div class="btn-group">
                                        <button class="btn btn-primary" data-method="rotate" data-option="90" title="Rotate 90 degrees" type="button">
                                            右旋转
                                        </button>
                                        <button class="btn btn-primary" data-method="rotate" data-option="15" type="button">
                                            15度
                                        </button>
                                        <button class="btn btn-primary" data-method="rotate" data-option="30" type="button">
                                            30度
                                        </button>
                                        <button class="btn btn-primary" data-method="rotate" data-option="45" type="button">
                                            45度
                                        </button>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <button class="btn btn-primary btn-block avatar-save" type="submit">
                                        确认上传
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div> -->
                </form>
            </div>
        </div>
    </div>
    <!-- /.modal -->
    <!-- Loading state -->
    <div aria-label="Loading" class="loading" role="img" tabindex="-1"></div>
</div>
<script type="text/javascript">
if (typeof jQuery === 'undefined') {
	document.write('<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"><\/script>');
}
</script>
<script src="__LIBS__/cropper/cropper.js" type="text/javascript"></script>
<script src="__ASSETS__/js/avatar.js" type="text/javascript"></script>
<script type="text/javascript">
    var cssSrc = "__ASSETS__/css/avatar.css";
if (typeof $.App === 'undefined') {
    var loaded = [];
    var loadCSS = function (href) {
        var deferred = $.Deferred();
        var style = document.createElement('link');
        style.rel = 'stylesheet';
        style.type = 'text/css';
        style.href = href;
        style.onload = function (e) {
            deferred.resolve(e);
        };
        style.onerror = function (e) {
            deferred.reject(e);
        };
        document.head.appendChild(style);
        loaded[href] = deferred;
        return deferred.promise();
    };
    loadCSS(cssSrc);
} else {
    $.App.lod(cssSrc);
}
</script>
{else /}
<!-- Current avatar -->
<div class="alert alert-warning avatar-alert alert-dismissable" style="margin-top: 20px">
    本月头像上传次数已达到限制！！
</div>
{/if}