<div class="rowItem js-notification padding10 clickable positionRelative">
    <% if (!ob.read) { %>
        <div class="highlightRow"></div>
    <% } %>
    <div class="table">
        <div>
            <div class="thumbnail clickable custcol-border"
                 style="background-image: <%= ob.cssImageUrl(ob.image_hash, ob.guid, 'imgs/defaultUser.png') %>; height: 50px; width: 50px"></div>
            <div class="txt-lowleading">
                <div class="marginLeft10 marginTop2 clearfix">
                    <% if(ob.type == "order confirmation") { %>
                        <div class="textSize12px floatLeft">
                            <%= polyglot.t('NotificationOrderConfirmed') %>
                        </div>
                        <div class="textSize11px floatLeft txt-fade"><%= ob.moment(new Date(ob.timestamp*1000)).locale(window.lang).format('MMM D, h:mm A') %></div>
                    <% } else if(ob.type == "DISPUTE_CLOSE" || ob.type == "dispute_close") { %>
                        <div class="textSize12px row5">
                            <% if(ob.handle) { %>
                            <%= polyglot.t('NotificationDisputeClosed',{name: ob.handle}) %>
                            <% }else{ %>
                                <span class="inlineBlock top3">
                                    <%= polyglot.t('NotificationDisputeClosed',{name: ob.guid}) %>
                                </span>
                            <% } %>
                        </div>
                        <div class="textSize11px floatLeft txt-fade"><%= ob.moment(new Date(ob.timestamp*1000)).locale(window.lang).format('MMM D, h:mm A') %></div>
                    <% } else if(ob.type == "DISPUTE_OPEN" || ob.type == "dispute_open") { %>
                    <div class="textSize12px row5">
                        <% if(ob.handle) { %>
                            <%= polyglot.t('NotificationDispute',{name:ob.handle}) %>
                        <% }else{ %>
                            <span class="inlineBlock top3">
                                <%= polyglot.t('NotificationDispute',{name:ob.guid}) %>
                            </span>
                        <% } %>
                    </div>
                    <div class="textSize11px floatLeft txt-fade"><%= ob.moment(new Date(ob.timestamp*1000)).locale(window.lang).format('MMM D, h:mm A') %></div>
                    <% } else if(ob.type == "ORDER") { %>
                    <div class="textSize12px row5">
                        <% if(ob.username) { %>
                        <%= polyglot.t('NotificationNewTransactionMessage',{name:ob.username}) %>
                        <% }else{ %>
                            <span class="inlineBlock top3">
                                <%= polyglot.t('NotificationNewTransactionMessage',{name:ob.sender}) %>
                            </span>
                        <% } %>
                    </div>
                    <div class="textSize11px floatLeft txt-fade"><%= ob.moment(new Date(ob.timestamp*1000)).locale(window.lang).format('MMM D, h:mm A') %></div>
                    <% } else if(ob.type == "payment received") { %>
                        <div class="textSize12px row5">
                            <% if(ob.handle) { %>
                                <%= polyglot.t('NotificationPaymentSent',{name: ob.handle}) %>
                            <% }else{ %>
                                <span class="inlineBlock top3">
                                    <%= polyglot.t('NotificationPaymentSent',{name: ob.guid}) %>
                                </span>
                            <% } %>
                        </div>
                        <div class="textSize11px  txt-fade"><%= ob.moment(new Date(ob.timestamp*1000)).locale(window.lang).format('MMM D, h:mm A') %></div>
                    <% } else if(ob.type == "rating received") { %>
                    <div class="textSize12px row5">
                        <% if(ob.handle) { %>
                            <%= polyglot.t('NotificationRatingRecieved',{name: ob.handle}) %>
                        <% }else{ %>
                            <span class="inlineBlock top3">
                                <%= polyglot.t('NotificationRatingRecieved',{name: ob.guid}) %>
                            </span>
                        <% } %>
                    </div>
                    <div class="textSize11px  txt-fade"><%= ob.moment(new Date(ob.timestamp*1000)).locale(window.lang).format('MMM D, h:mm A') %></div>
                    <% } else if(ob.type == "new order") { %>
                        <div class="textSize12px row5">
                            <% if(ob.handle) { %>
                                <%= polyglot.t('NotificationOrderFor',{name: ob.handle, title: ob.title}) %>
                            <% }else{ %>
                                <span class="inlineBlock top3">
                                    <%= polyglot.t('NotificationOrderFor',{name: ob.guid, title: ob.title}) %>
                                </span>
                            <% } %>
                        </div>
                        <div class="textSize11px clearFix txt-fade"><%= ob.moment(new Date(ob.timestamp*1000)).locale(window.lang).format('MMM D, h:mm A') %></div>
                    <% } else if(ob.type == "follow") { %>
                        <div class="textSize12px row5">
                            <% if(ob.handle) { %>
                                <%= polyglot.t('NotificationFollow',{name: ob.handle}) %>
                            <% }else{ %>
                                <span class="inlineBlock top3">
                                    <%= polyglot.t('NotificationFollow',{name: ob.guid}) %>
                                </span>
                            <% } %>
                        </div>
                        <div class="textSize11px txt-fade"><%= ob.moment(new Date(ob.timestamp*1000)).locale(window.lang).format('MMM D, h:mm A') %></div>
                    <% } else if(ob.type == "refund") { %>
                    <div class="textSize12px row5">
                            <% if(ob.handle) { %>
                                <%= polyglot.t('NotificationRefund',{name: ob.handle}) %>
                            <% }else{ %>
                                <span class="inlineBlock top3">
                                    <%= polyglot.t('NotificationRefund',{name: ob.guid}) %>
                                </span>
                            <% } %>
                    </div>
                    <div class="textSize11px txt-fade"><%= ob.moment(new Date(ob.timestamp*1000)).locale(window.lang).format('MMM D, h:mm A') %></div>
                    <% }  else { %>
                        <span class="textSize11px marginRight5 marginBottom2 noOverflow" title="<%= ob.title %>">
                            <strong><%= polyglot.t('NotificationTitle',{title: ob.title}) %></strong>
                        </span>
                        <div class="textSize11px txt-fade textWeightNormal">
                            <% if(ob.username){ %>
                            <%= polyglot.t('NotificationFrom',{name: ob.handle}) %>
                            <% } else if(ob.handle){ %>
                                <%= polyglot.t('NotificationFrom',{name: ob.handle}) %>
                            <% } else if(ob.sender){ %>
                            <%= polyglot.t('NotificationFrom',{name: ob.handle}) %>
                            <% }else{ %>
                                <%= polyglot.t('NotificationFrom',{name: ob.guid}) %>
                            <% } %>
                        </div>
                        <div class="textSize11px txt-fade">
                            <%= polyglot.t('NotificationType',{type: ob.type}) %>
                        </div>
                        <div class="textSize11px txt-fade">
                            <%= polyglot.t('NotificationTime', {time: ob.moment(new Date(ob.timestamp*1000)).locale(window.lang).format('MMM D, h:mm A')}) %>
                        </div>
                        <% if (ob.order_id) { %>
                            <div class="textSize11px txt-fade"><%= ob.order_id %></div>
                        <% } %>
                    <% } %>
                </div>
            </div>
        </div>
    </div>
</div>
