{{with .Data}}
{{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
<div class="page-title"> Reactions </div>
{{$st_id := .ID}}
<div class="page-title"> Add reaction </div>
<div class="scrollable-emoji">
<div class="pleroma-reactions">
     <form action="/react-with/{{$st_id}}" method="post" target="_self" title="Custom akkoma reactions (ex. :blobemoji:)">
       	<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
        <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
	<input type="text" placeholder=":blobfoxexample: or 🤗" id="akkoma-reaction" cols=30 name="akkoma-reaction" autofocus autocomplete="on">
        <input type="submit" value="Send custom reaction" class="pleroma-emoji"> 
     	<a href="/emojis">emoji list</a>
     </form>
{{$emoji_filter := $.Ctx.AddReactionsFilter}}
     {{range $shortcode, $code := .ReactionEmojis}}
     {{if Allowed_emoji_page $shortcode $emoji_filter}}
     <form action="/react-with/{{$st_id}}?emoji={{$code}}" method="post" target="_self" >
     	<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
        <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
        <input type="submit" value="{{$code}}" class="pleroma-emoji">
	{{$shortcode}}
     </form>
     {{end}}
     {{end}}
</div>
</div>

<div class="page-title"> Who reacted </div>
{{range .Reactions}}
{{if .Url}}
<div class="page-title"><img src="{{.Url}}" height=32 width=32></img></div>
{{else}}
<div class="page-title">{{.Name}}</div>
{{end}}
	{{template "userlist.tmpl" (WithContext .Accounts $.Ctx)}}
{{end}}
{{end}}