<h1>Output <span class=monospace>{{self.outpoint}}</span></h1>
<dl>
%% if !self.inscriptions.is_empty() {
  <dt>inscriptions</dt>
  <dd class=thumbnails>
%% for inscription in &self.inscriptions {
    {{Iframe::thumbnail(*inscription)}}
%% }
  </dd>
%% }
%% if !self.runes.is_empty() {
  <dt>runes</dt>
  <dd>
    <table>
      <tr>
        <th>rune</th>
        <th>balance</th>
      </tr>
%% for (rune, balance) in &self.runes {
      <tr>
        <td><a href=/rune/{{ rune }}>{{ rune }}</a></td>
        <td>{{ balance }}</td>
      </tr>
%% }
    </table>
  </dd>
%% }
  <dt>value</dt><dd>{{ self.output.value }}</dd>
  <dt>script pubkey</dt><dd class=monospace>{{ self.output.script_pubkey.to_asm_string() }}</dd>
%% if let Ok(address) = self.chain.address_from_script(&self.output.script_pubkey ) {
  <dt>address</dt><dd class=monospace>{{ address }}</dd>
%% }
  <dt>transaction</dt><dd><a class=monospace href=/tx/{{ self.outpoint.txid }}>{{ self.outpoint.txid }}</a></dd>
</dl>
%% if let Some(list) = &self.list {
%% match list {
%% List::Unspent(ranges) => {
<h2>{{"Sat Range".tally(ranges.len())}}</h2>
<ul class=monospace>
%% for (start, end) in ranges {
%% if end - start == 1 {
  <li><a href=/sat/{{start}} class={{Sat(*start).rarity()}}>{{start}}</a></li>
%% } else {
  <li><a href=/range/{{start}}/{{end}} class={{Sat(*start).rarity()}}>{{start}}–{{end}}</a></li>
%% }
%% }
</ul>
%% }
%% List::Spent => {
<p>Output has been spent.</p>
%% }
%% }
%% }
