{{define "txdetail"}}{{$cs := .CoinShortcut}}{{$addr := .AddrStr}}{{$tx := .Tx}}{{$data := .}}
<div class="tx-detail">
    <div class="row head">
        <div class="col-xs-7 col-md-8">
            <a href="/tx/{{$tx.Txid}}" class="ellipsis copyable txid">{{$tx.Txid}}</a>
            {{- if $tx.Rbf}}<span class="ps-1" tt="Replace-by-Fee (RBF) transaction, could be overriden"> RBF</span>{{end -}}
        </div>
        {{- if $tx.Blocktime}}<div class="col-xs-5 col-md-4 text-end">{{if $tx.Confirmations}}mined{{else}}first seen{{end}} <span class="txvalue">{{formatUnixTime $tx.Blocktime}}</span></div>{{end -}}
    </div>
    <div class="row body">
        <div class="col-md-5">
            <div class="row tx-in">
                {{range $vin := $tx.Vin}}
                <div class="col-12{{if $vin.IsOwn}} tx-own{{end}}">
                    {{range $a := $vin.Addresses}}
                    <span class="ellipsis tx-addr copyable">
                        {{if and (ne $a $addr) $vin.IsAddress}}<a href="/address/{{$a}}">{{$a}}</a>{{else}}{{$a}}{{end}}
                    </span>
                    {{else}}
                    <span class="tx-addr">{{if $vin.Hex}}Unparsed address{{else}}No Inputs (Newly Generated Coins){{end}}</span>
                    {{end}}
                    {{if $vin.Txid}}
                    <a class="outpoint" href="/tx/{{$vin.Txid}}" tt="Outpoint {{$vin.Txid}},{{$vin.Vout}}">←</a>
                    {{end}}
                    {{if $vin.Addresses}}<span class="tx-amt copyable">{{formatAmount $vin.ValueSat}} {{$cs}}</span>{{end}}
                </div>
                {{else}}
                <div class="col-12">No Inputs</div>
                {{end}}
            </div>
        </div>
        <div class="col-md-1 col-xs-12 text-center">&nbsp;<span class="octicon"></span></div>
        <div class="col-md-6">
            <div class="row tx-out">
                        {{- range $vout := $tx.Vout -}}
                        <div class="col-12{{if $vout.IsOwn}} tx-own{{end}}">
                            {{range $a := $vout.Addresses}}
                            <span class="ellipsis tx-addr copyable">
                                {{if and (ne $a $addr) $vout.IsAddress}}<a href="/address/{{$a}}">{{$a}}</a>{{else}}{{$a}}{{end}}
                            </span>
                            {{- else -}}
                            <span class="tx-addr">Unparsed address</span>
                            {{- end -}}
                            <span class="tx-amt">
                                <span class="copyable">{{formatAmount $vout.ValueSat}} {{$cs}}</span>{{if $vout.Spent}}<a class="spent" href="{{if $vout.SpentTxID}}/tx/{{$vout.SpentTxID}}{{else}}/spending/{{$tx.Txid}}/{{$vout.N}}{{end}}" tt="Spent">→</a>{{else}}<span class="unspent" tt="Unspent">×</span>
                                {{end}}
                            </span>
                            </td>
                        </div>
                        {{else}}
                        <div class="col-12">No Outputs</div>
                        {{end}}
            </div>
        </div>
    </div>
    <div class="row footer">
        <div class="col-sm-12 col-md-4">
            {{- if $tx.FeesSat -}}
            Fee: <span class="txvalue">{{formatAmount $tx.FeesSat}} {{$cs}}</span>
            {{- end -}}
        </div>
        <div class="col-sm-12 col-md-8 text-end">
            <span class="me-4">
            {{- if $tx.Confirmations -}}
            <span class="txvalue">{{formatUint32 $tx.Confirmations}}</span> Confirmations
            {{- else -}}
            <span class="txvalue unconfirmed">Unconfirmed Transaction!</span>            
            {{- end -}}
            </span>
            <span class="txvalue">{{formatAmount $tx.ValueOutSat}} {{$cs}}</span>
        </div>
    </div>
</div>
{{end}}