<div class="row">
<div class="col-sm-4 col-md-3">
<!-- IMPORT partials/flags/filters.tpl -->
</div>
<div class="col-sm-8 col-md-9">
<h2 class="h4">
<div class="pull-right">
<a class="btn btn-link" href="{config.relative_path}/flags"><i class="fa fa-chevron-left"></i> [[flags:back]]</a>
</div>
{target_readable}
<small><span class="timeago" title="{datetimeISO}"></span></small>
</h2>
<hr />
<!-- IF type_bool.post -->
<div class="media">
<div class="media-left">
<a href="{config.relative_path}/user/{target.user.userslug}">{buildAvatar(target.user, "lg", false, "media-object")}</a>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="{config.relative_path}/user/{target.user.userslug}">{target.user.username}</a></h4>
{target.content}
</div>
</div>
<!-- ENDIF type_bool.post -->
<!-- IF type_bool.user -->
<div class="media">
<div class="media-left">
<a href="{config.relative_path}/user/{target.userslug}">{buildAvatar(target, "lg", false, "media-object")}</a>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="{config.relative_path}/user/{target.userslug}">{target.username}</a></h4>
<p class="lead">
<a href="{config.relative_path}/uid/{target.uid}">[[flags:user-view]]</a> |
<a href="{config.relative_path}/uid/{target.uid}/edit">[[flags:user-edit]]</a>
</p>
</div>
</div>
<!-- ENDIF type_bool.user -->
<!-- IF type_bool.empty -->
<div class="alert alert-warning">[[flags:target-purged]]</div>
<!-- ENDIF type_bool.empty -->
<hr />
<div class="row">
<div class="col-sm-6">
<form role="form" id="attributes">
<div class="form-group row">
<div class="col-sm-6">
<h2 class="h4">[[flags:reporter]]</h2>
<div>
{buildAvatar(reporter, "sm", false, "media-object")}
<a href="{config.relative_path}/user/{reporter.userslug}">{reporter.username}</a>
</div>
</div>
<div class="col-sm-6">
<h2 class="h4">[[flags:reported-at]]</h2>
<p>
{datetimeISO}
</p>
</div>
</div>
<div class="form-group">
<h2 class="h4">[[flags:description]]</h2>
<blockquote>{description}</blockquote>
</div>
<div class="form-group">
<h2 class="h4" for="state">[[flags:state]]</h2>
<select class="form-control" id="state" name="state" disabled>
<option value="open">[[flags:state-open]]</option>
<option value="wip">[[flags:state-wip]]</option>
<option value="resolved">[[flags:state-resolved]]</option>
<option value="rejected">[[flags:state-rejected]]</option>
</select>
</div>
<div class="form-group">
<h2 class="h4" for="assignee">[[flags:assignee]]</h2>
<select class="form-control" id="assignee" name="assignee" disabled>
<option value="">[[flags:no-assignee]]</option>
{{{each assignees}}}
<option value="{../uid}">{../username}</option>
{{{end}}}
</select>
</div>
<button type="button" class="btn btn-block btn-primary" data-action="update">[[flags:update]]</button>
</form>
<hr />
<form role="form">
<div class="form-group">
<h2 class="h4" for="note">[[flags:notes]]</h2>
<textarea id="note" class="form-control"></textarea>
<button type="button" class="btn btn-block btn-primary" data-action="appendNote">[[flags:add-note]]</button>
</div>
</form>
<div component="flag/notes">
<!-- IF !notes.length -->
<div class="alert alert-success text-center">[[flags:no-notes]]</div>
<!-- ENDIF !notes.length -->
{{{each notes}}}
<div class="media">
<div class="media-left">
<a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(notes.user, "md", false, "media-object")}</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<a href="{config.relative_path}/user/{../user.userslug}">{../user.username}</a>
<small><span class="timeago" title="{../datetimeISO}"></span></small>
</h4>
{../content}
</div>
</div>
{{{end}}}
</div>
</div>
<div class="col-sm-6">
<h2 class="h4">[[flags:quick-actions]]</h2>
<a class="btn btn-default btn-block" href="{config.relative_path}/{type_path}/{targetId}">
<i class="fa fa-external-link"></i>
[[flags:go-to-target]]
</a>
<div class="btn-group btn-block" data-uid="{target.uid}">
<button type="button" class="btn btn-default btn-block dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-street-view"></i>
[[flags:flagged-user]]
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="{config.relative_path}/uid/{target.uid}">[[flags:view-profile]]</a></li>
<li><a href="#" data-action="chat">[[flags:start-new-chat]]</a></li>
<li role="separator" class="divider"></li>
<li><a href="#" data-action="ban">[[user:ban_account]]</a></li>
<li><a href="#" data-action="delete">[[user:delete_account]]</a></li>
</ul>
</div>
<div class="btn-group btn-block">
<button type="button" class="btn btn-default btn-block dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-user"></i>
[[flags:reporter]]
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="{config.relative_path}/uid/{reporter.uid}">[[flags:view-profile]]</a></li>
<li><a href="#" data-chat="{reporter.uid}">[[flags:start-new-chat]]</a></li>
</ul>
</div>
<hr />
<h2 class="h4">[[flags:history]]</h2>
<div component="flag/history">
<!-- IF !history.length -->
<div class="alert alert-success text-center">[[flags:no-history]]</div>
<!-- ENDIF !history.length -->
{{{each history}}}
<div class="media">
<div class="media-left">
<a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(history.user, "md", false, "media-object")}</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<a href="{config.relative_path}/user/{../user.userslug}">{../user.username}</a>
<small><span class="timeago" title="{../datetimeISO}"></span></small>
</h4>
<ul>
{{{each ./fields}}}
<li>
<span class="label label-primary">[[flags:@key]]</span><!-- IF @value --> → <span class="label label-default">@value</span><!-- ENDIF @value -->
</li>
{{{end}}}
{{{ each ./meta }}}
<li>
<span class="label label-{{./labelClass}}">{{./key}}</span>{{{ if ./value }}} → <span class="label label-default">{{ ./value }}</span>{{{ end }}}
</li>
{{{ end }}}
</ul>
</div>
</div>
{{{end}}}
</div>
</div>
</div>
</div>
</div>