    <a href="#/crashes" class="back-link" style="margin-bottom: 25px;"><span data-localize="common.back"></span></a>
    <div class="widget main-error">
        <div class="widget-header">
            <div class="left">
                    {{#if external}}
                    <div class="title" style='padding-top:9px;'>
                        {{{error}}}
                    {{else}}
                    <div class="title">
                    <span id="error-title">{{{error}}}</span>
                    <div><span id="resolve-state"></span></div> 
                    {{/if}}
                </div>
            </div>
            {{#unless external}}
            <div style="float:right;">
                <div id="crashgroup-manipulation-trigger" class="right icon-button">
                    <div data-localize="crashes.make-action"></div>
                    <i class="ion-chevron-down"></i>
                </div>
                <div id="crashgroup-manipulation-menu" class="cly-button-menu" style="display: none;">
                    {{#if hasPermission}}
                    <div class="item" id="crash-share-button" data-localize="crashes.share"></div>
                    <ul id="crash-share-list">
                        <li><input type="checkbox" id="crash-share-public"/>&nbsp;<span data-localize="crashes.public-crashes"></span></li>
                        <li class="crash-share">
                            <span data-localize="crashes.public-link">Public link</span>
                            <input id="crash-share-url" readonly onclick='this.select()' value="{{url}}"/>
                        </li>
                        <li class="crash-share"><input type="checkbox" id="crash-share-reports"/>&nbsp;<span data-localize="crashes.public-reports"></span></li>
                        <li class="crash-share"><input type="checkbox" id="crash-share-loss"/>&nbsp;<span data-localize="crashes.public-loss"></span></li>
                        <li class="crash-share"><input type="checkbox" id="crash-share-users"/>&nbsp;<span data-localize="crashes.public-users"></span></li>
                        <div style="margin-top:10px;">
                            <div id="share-crash-done" style="float:right" class="icon-button light" data-localize="common.done"></div>
                        </div> 
                    </ul>
                    <hr/>
                    {{/if}}
                    <div class="item crash-manipulation-button" id="crash-unresolve-button" data-localize="crashes.action-unresolved"></div>
                    <div class="item crash-manipulation-button" id="crash-resolving-button" data-localize="crashes.action-resolving"></div>
                    <div class="item crash-manipulation-button" id="crash-resolve-button" data-localize="crashes.action-resolved"></div>
                    <div class="item crash-manipulation-button" id="crash-hide-button" data-localize="crashes.action-hide"></div>
                    <div class="item crash-manipulation-button" id="crash-show-button" data-localize="crashes.action-show"></div>
                    <hr/>
                    <div class="item crash-manipulation-button" id="crash-delete-button" data-localize="crashes.action-delete"></div>
            </div>

            </div>
            {{/unless}}
        </div>

        <div class="widget-content help-zone-vb crash-stack" data-help-localize="{{{chart-helper}}}">
            {{#if data.threads}}
                {{#if external}}
            <div id="tabs" class="tabs2">
                {{else}}
            <div id="tabs" class="tabs3">
                {{/if}}
            {{else}}
                {{#if external}}
            <div id="tabs" class="tabs1">
                {{else}}
            <div id="tabs" class="tabs2">
                {{/if}}
            {{/if}}
                <ul>
                    {{#if data.threads}}
                    <li><a href="#error" data-localize="crashes.crashed-thread"></a></li>
                    <li><a href="#threads" data-localize="crashes.all-threads"></a></li>
                    {{else}}
                    <li><a href="#error" id="crash-errors" data-localize="crashes.error"></a></li>
                    {{/if}}
                    {{#unless external}}
                    <li><a href="#notes" id="crash-notes"><span data-localize="crashes.comments"></span>&nbsp;<span class='crash-comment-count'>(<span></span>)</span></a></li>
                    {{/unless}}
                </ul>
                {{#unless external}}
                <div class="error_menu">
                    <div class="error-details-menu" data-id="{{data.lrid}}">
                        <a class="right icon-button cly-button-menu-trigger"></a>
                        <div class="cly-button-menu" tabindex="100">
                            <div class="error-download-stracktrace item" data-localize="crashes.download-stacktrace" ></div>
                            <div class="error-download-binary item" data-localize="crashes.download-binary" style="display:none;" ></div>
                        </div>
                    </div>
                </div>
                {{/unless}}
                <div id="error">
                    <pre id="expandable" class="collapsed"><code>{{{data.error}}}</code></pre>
                    <div id="expand-crash">
                        <span class="expand"><i class="fa fa-angle-down"></i> <span data-localize="crashes.expand">EXPAND</span></span>
                        <span class="collapse"><i class="fa fa-angle-up"></i> <span data-localize="crashes.collapse">COLLAPSE</span></span>
                    </div>
                </div>
                {{#if data.threads}}
                <div id="threads">
                    <div id="expandable_thread" class="collapsed">
                        <div class="threads-list">
                        <table>
                        {{#eachOfArray data.threads}}
                            <tr class="thread" data-id="{{value.id}}">
                                <td class="thread-name"><p>{{value.name}}</p>{{#if value.crashed}}<span data-localize="crashes.crashed" class="tag"></span>{{/if}}</td>
                                <td>
                                    <pre><code class="short_code">{{{value.short_error}}}</code></pre>
                                </td>
                                <td class="open-thread">{{#if value.expand}}<i class="material-icons expand-row-icon">  keyboard_arrow_down  </i>{{/if}}</td>
                            </tr>
                        {{/eachOfArray}}
                        </table>
                        </div>
                    </div>
                    <div id="expand-thread">
                        <span class="expand"><i class="fa fa-angle-down"></i> <span data-localize="crashes.expand">EXPAND</span></span>
                        <span class="collapse"><i class="fa fa-angle-up"></i> <span data-localize="crashes.collapse">COLLAPSE</span></span>
                    </div>
                </div>
                {{/if}}
                {{#unless external}}
                <div id="notes">
                    <div id="comments">
                        {{#if data.comments}}
                        {{#eachOfArray data.comments}}
                        <div class="comment" id="comment_{{value._id}}">
                            <div class="comment-meta">
                                {{#if value.is_owner}}
                                <a class="icon-button red btn-header crash-comment-delete" data-id="{{value._id}}"><span data-localize="crashes.delete"></span></a>
                                <a class="icon-button light btn-header crash-comment-edit" data-id="{{value._id}}"><span data-localize="crashes.edit"></span></a>
                                {{/if}}
                                <div class="author">{{value.author}}</div>
                                <div class="time">{{{formatTimeAgo value.time}}
                                    {{#if value.edit_time}}
                                    | <span data-localize="crashes.edited_comment"></span>: {{{formatTimeAgo value.edit_time}}}
                                    {{/if}}
                                </div>
                            </div>
                            <div class="text"><p>{{{value.html}}}</p></div>
                        </div>
                        {{/eachOfArray}}
                        {{/if}}
                    </div>
                    <textarea id="comment"></textarea>
                    <a class="icon-button green btn-header" id="add_comment"><span data-localize="crashes.add_comment"></span></a>
                    <div style="display:none">
                        <div id="comment_edit">
                            <textarea id="edited_comment"></textarea><br/>
                            <a class="icon-button green btn-header edit_comment"><span data-localize="crashes.edit"></span></a>
                            <a class="icon-button light btn-header cancel_comment"><span data-localize="crashes.cancel"></span></a>
                        </div>
                    </div>
                </div>
                {{/unless}}
            </div>
            
            
        </div>
    </div>
    <div id="crash-numbers-container">
        <div class="dashboard-summary grouped-numbers" style="margin-top: 16px;">
            {{#each ranges}}
            {{#if ../frequency}}
            <div class="item light five-column help-zone-vs" data-help-localize="{{this.help}}">
            {{else}}
            <div class="item light four-column help-zone-vs" data-help-localize="{{this.help}}">
                {{/if}}
                <div class="inner">
                    <table cellpadding="0" cellspacing="0">
                        <tr colspan="2">
                            <td colspan="2" class="range-main">
                                <i class="material-icons">{{this.icon}}</i>
                                <span>{{this.title}}</span>
                            </td>
                        </tr>
                        <tr colspan="2">
                            <td colspan="2">{{this.avg}}<span data-localize="crashes.avg"></span></td>
                        </tr>
                        <tr>
                            <td>{{this.min}}<span data-localize="crashes.min"></span></td>
                            <td>{{this.max}}<span data-localize="crashes.max"></span></td>
                        </tr>
                    </table>
                </div>
            </div>
            {{/each}}
        </div>
    </div>
    <div class="widget">
		<div class="widget-header">
			<div class="left">
				<div style="overflow: auto;">
                    <div class="title small">{{fatal}} {{page-title}}</div>
                </div>
                <div class="cly-select float">
					<div class="select-inner">
						<div class="text-container">
							<div class="text">{{active-segmentation}}</div>
						</div>
						<div class="right combo"></div>
					</div>
					<div class="select-items square" style="width:220px;">
						<div>
							{{#eachOfObject segmentations}}
                            <div class="group">{{property}}</div>
                            {{#eachOfObject value}}
							<div data-value="{{property}}" class="segmentation-option item">{{value}}</div>
							{{/eachOfObject}}
							{{/eachOfObject}}
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="widget-content help-zone-vb" data-help-localize="{{{chart-helper}}}" style="height:300px; padding-top:20px; padding-bottom:10px;">
			<div id="dashboard-graph" class="graph" style="height:100%; margin-left:-10px;"></div>
		</div>
	</div>
    <div class="widget-group">
        {{#if big-numbers}}
        <div id="big-numbers-container">
            {{#each big-numbers.items}}
            <div class="big-numbers top widgets {{../big-numbers.class}} help-zone-vs" data-help-localize="{{this.help}}">
                <div class="inner">
                    <div class="title">{{this.title}}</div>
                    <div class="number">{{this.total}}</div>
                </div>
            </div>
            {{/each}}
        </div>
        {{/if}}
        {{#if bars}}
		<div class="dashboard-summary four crash-bars two-bars">
			{{#each bars}}
			<div class="item light help-zone-vs" data-help-localize="{{this.help}}">
				<div class="inner">
					<div class="title">{{this.title}}</div>
					{{#if this.data}}
					<div class="bar">
						{{#each this.data}}
                            {{#if this.background}}
                            <div class="bar-inner" style="width:{{this.percent}}%; background-color:{{this.background}};" data-item="{{this.name}}"></div>
                            {{else}}
							<div class="bar-inner" style="width:{{this.percent}}%;" data-item="{{this.name}}"></div>
                            {{/if}}
						{{/each}}
					</div>
					<div class="number" data-item="{{this.data.0.name}}">{{this.data.0.name}}</div>
					{{else}}
					<div class="no-data" data-localize="common.bar.no-data"></div>
					{{/if}}
				</div>
			</div>
			{{/each}}
		</div>
		{{/if}}
    </div>

    {{#if data.data}}
	<div class="crash-reports" data-help-localize="{{{chart-helper}}}">
		<table class="d-table help-zone-vb" cellpadding="0" cellspacing="0" data-help-localize="{{{table-helper}}}"></table>
	</div>
    {{/if}}
