<div class="ios-gap"></div>
<div id="chat-main-wrap">
    <!--im 头部-->
    <header class="yoho-header chat-header">
        <a id="js-back" href="{{#if backUrl}}{{backUrl}}{{^}}javascript:history.go(-1);{{/if}}" class="iconfont nav-back">&#xe610;</a>
        <div class="title"><i class="chat-status"></i><span class="js-service-txt">正在连接...</span></div>
        <div class="header-right"></div>
    </header>
    <!--网络连接失败-->
    <div class="connection-failed hide">
        网络连接失败，请稍后再试
    </div>
    <!--im 主体-->
    <div id="chat-window">
        <div id="chat-history-loader"><i></i>获取更多历史数据</div>
    </div>
    <div class="fake-img-wrap">
        <img src="#" alt="">
    </div>
    <!--im footer-->
    <footer id="chat-footer">
        <div id="chat-send-box" class="table">
            {{!--<span class="table-cell">
                <a href="javascript:;" class="input-method input-text"></a>
            </span>--}}
            <span class="table-cell cell-max">
                <form action="" onsubmit="return false">
                    <input type="text" class="input-in text-in" placeholder="发送新消息">
                </form>
            </span>
            <span class="table-cell">
                <a href="javascript:;" class="menu-trigger"></a>
            </span>
        </div>

        <div class="menu">
            <div class="icon-wrap camera">
                <input type="file" class="upload-img" style="position: absolute;right: -3px;top: -3px;" accept="image/*">
                <div class="icon"></div>
                <p class="menu-name">拍照</p>
            </div>
            <div class="icon-wrap photo">
                <input type="file" name="filename" class="upload-img" style="position: absolute;right: -3px;top: -3px;" accept="image/*">
                <div class="icon"></div>
                <p class="menu-name">相册</p>
            </div>
            <div class="icon-wrap order" data-trigger="order-list" data-type="order">
                <div class="icon"></div>
                <p class="menu-name">订单</p>
            </div>
            <div class="icon-wrap broad-order" data-trigger="order-list" data-type="global">
                <div class="icon"></div>
                <p class="menu-name">境外订单</p>
            </div>
        </div>
    </footer>
</div>

{{> chat/chat-comment}}
{{> chat/leave-msg}}
{{> chat/order-list}}

<input type="hidden" id="js-im" name="im-server" value="{{imCs}}">
{{#with userData}}
<input type="hidden" id="js-eid" value="{{encrypteduid}}">
<input type="hidden" id="js-avatar" value="{{avatar}}">
<input type="hidden" id="js-uname" value="{{uname}}">
{{/with}}
<script>
    var gDomains = {
        imSocket: "{{imSocket}}",
        imCs: "{{imCs}}",
    };
</script>