{{define "txdetail"}}{{$cs := .CoinShortcut}}{{$addr := .AddrStr}}{{$tx := .Tx}}{{$data := .}}
<div class="alert alert-data"{{if eq $tx.EthereumSpecific.Status 0}} style="background-color: #faf2ee;"{{end}}>
    <div class="row line-bot">
        <div class="col-xs-7 col-md-8 ellipsis">
            <a href="/tx/{{$tx.Txid}}">{{$tx.Txid}}</a>
            {{if eq $tx.EthereumSpecific.Status 1}}<span class="text-success"> ✔</span>{{end}}{{if eq $tx.EthereumSpecific.Status 0}}<span class="text-danger"> ✘</span>{{end}}
        </div>
        {{- if $tx.Blocktime}}<div class="col-xs-5 col-md-4 text-muted text-right">{{if $tx.Confirmations}}mined{{else}}first seen{{end}} {{formatUnixTime $tx.Blocktime}}</div>{{end -}}
        {{if $tx.EthereumSpecific.Error}}<div class="col-12">Error: {{$tx.EthereumSpecific.Error}}</div>{{end}}
    </div>
    <div class="row line-mid">
        <div class="col-md-4">
            <div class="row tx-in">
                <table class="table data-table">
                    <tbody>
                        {{- range $vin := $tx.Vin -}}
                        <tr{{if $vin.IsOwn}} class="tx-own"{{end}}>
                            <td>
                                {{- range $a := $vin.Addresses -}}
                                <span class="ellipsis tx-addr">
                                    {{if and (ne $a $addr) $vin.IsAddress}}<a href="/address/{{$a}}">{{$a}}</a>{{else}}{{$a}}{{end}}
                                </span>
                                {{- else -}}
                                <span class="tx-addr">Unparsed address</span>
                                {{- end -}}
                            </td>
                        </tr>
                        {{- else -}}
                        <tr>
                            <td>No Inputs</td>
                        </tr>
                        {{- end -}}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-1 col-xs-12 text-center">
            <svg class="octicon" viewBox="0 0 8 16">
                <path fill-rule="evenodd" d="M7.5 8l-5 5L1 11.5 4.75 8 1 4.5 2.5 3l5 5z"></path>
            </svg>
        </div>
        <div class="col-md-4">
            <div class="row tx-out">
                <table class="table data-table">
                    <tbody>
                        {{- range $vout := $tx.Vout -}}
                        <tr{{if $vout.IsOwn}} class="tx-own"{{end}}>
                            <td>
                                {{- range $a := $vout.Addresses -}}
                                <span class="ellipsis tx-addr">
                                    {{- 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 -}}
                            </td>
                        </tr>
                        {{- else -}}
                        <tr>
                            <td>No Outputs</td>
                        </tr>
                        {{- end -}}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-3 text-right" style="padding: .4rem 0;">
            {{formatAmount $tx.ValueOutSat}} {{$cs}}
        </div>
    </div>

    {{if eq $tx.EthereumSpecific.Type 1}}
        <div class="row line-top" style="padding: 15px 0 6px 15px;font-weight: bold;">
            Contract creation
        </div>
        <div class="row" style="padding: 2px 15px;">
            <div class="col-md-4">
                <div class="row tx-in">
                    <table class="table data-table">
                        <tbody>
                            <tr{{if isOwnAddress $data $tx.EthereumSpecific.CreatedContract}} class="tx-own"{{end}}>
                                <td>
                                    <span class="ellipsis tx-addr">{{if ne $tx.EthereumSpecific.CreatedContract $addr}}<a href="/address/{{$tx.EthereumSpecific.CreatedContract}}">{{$tx.EthereumSpecific.CreatedContract}}</a>{{else}}{{$tx.EthereumSpecific.CreatedContract}}{{end}}</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    {{end}}

    {{if $tx.EthereumSpecific.InternalTransfers}}
    <div class="row line-top" style="padding: 15px 0 6px 15px;font-weight: bold;">
        Internal Transactions
    </div>
    {{- range $tt := $tx.EthereumSpecific.InternalTransfers -}}
    {{if eq $tt.Type 1}}Contract creation{{end}}
    {{if eq $tt.Type 2}}Contract destruction{{end}}
    <div class="row" style="padding: 2px 15px;">
        <div class="col-md-4">
            <div class="row tx-in">
                <table class="table data-table">
                    <tbody>
                        <tr{{if isOwnAddress $data $tt.From}} class="tx-own"{{end}}>
                            <td>
                                <span class="ellipsis tx-addr">{{if ne $tt.From $addr}}<a href="/address/{{$tt.From}}">{{$tt.From}}</a>{{else}}{{$tt.From}}{{end}}</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-1 col-xs-12 text-center">
            <svg class="octicon" viewBox="0 0 8 16">
                <path fill-rule="evenodd" d="M7.5 8l-5 5L1 11.5 4.75 8 1 4.5 2.5 3l5 5z"></path>
            </svg>
        </div>
        <div class="col-md-4">
            <div class="row tx-out">
                <table class="table data-table">
                    <tbody>
                        <tr{{if isOwnAddress $data $tt.To}} class="tx-own"{{end}}>
                            <td>
                                <span class="ellipsis tx-addr">{{if ne $tt.To $addr}}<a href="/address/{{$tt.To}}">{{$tt.To}}</a>{{else}}{{$tt.To}}{{end}}</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-3 text-right" style="padding: .4rem 0;">{{formatAmount $tt.Value}} {{$cs}}</div>
    </div>
    {{- end -}}
    <div class="row" style="padding: 6px 15px;"></div>
    {{- end -}}

    {{- if tokenTransfersCount $tx "ERC20" -}}
    <div class="row line-top" style="padding: 15px 0 6px 15px;font-weight: bold;">
        ERC20 Token Transfers
    </div>
    {{- range $tt := $tx.TokenTransfers -}}
    {{if eq $tt.Type "ERC20"}}
    <div class="row" style="padding: 2px 15px;">
        <div class="col-md-4">
            <div class="row tx-in">
                <table class="table data-table">
                    <tbody>
                        <tr{{if isOwnAddress $data $tt.From}} class="tx-own"{{end}}>
                            <td>
                                <span class="ellipsis tx-addr">{{if ne $tt.From $addr}}<a href="/address/{{$tt.From}}">{{$tt.From}}</a>{{else}}{{$tt.From}}{{end}}</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-1 col-xs-12 text-center">
            <svg class="octicon" viewBox="0 0 8 16">
                <path fill-rule="evenodd" d="M7.5 8l-5 5L1 11.5 4.75 8 1 4.5 2.5 3l5 5z"></path>
            </svg>
        </div>
        <div class="col-md-4">
            <div class="row tx-out">
                <table class="table data-table">
                    <tbody>
                        <tr{{if isOwnAddress $data $tt.To}} class="tx-own"{{end}}>
                            <td>
                                <span class="ellipsis tx-addr">{{if ne $tt.To $addr}}<a href="/address/{{$tt.To}}">{{$tt.To}}</a>{{else}}{{$tt.To}}{{end}}</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-3 text-right" style="padding: .4rem 0;">{{formatAmountWithDecimals $tt.Value $tt.Decimals}} {{$tt.Symbol}}</div>
    </div>
    {{- end -}}
    {{- end -}}
    <div class="row" style="padding: 6px 15px;"></div>
    {{- end -}}

    {{- if tokenTransfersCount $tx "ERC721" -}}
    <div class="row line-top" style="padding: 15px 0 6px 15px;font-weight: bold;">
        ERC721 Token Transfers
    </div>
    {{- range $tt := $tx.TokenTransfers -}}
    {{if eq $tt.Type "ERC721"}}
    <div class="row" style="padding: 2px 15px;">
        <div class="col-md-4">
            <div class="row tx-in">
                <table class="table data-table">
                    <tbody>
                        <tr{{if isOwnAddress $data $tt.From}} class="tx-own"{{end}}>
                            <td>
                                <span class="ellipsis tx-addr">{{if ne $tt.From $addr}}<a href="/address/{{$tt.From}}">{{$tt.From}}</a>{{else}}{{$tt.From}}{{end}}</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-1 col-xs-12 text-center">
            <svg class="octicon" viewBox="0 0 8 16">
                <path fill-rule="evenodd" d="M7.5 8l-5 5L1 11.5 4.75 8 1 4.5 2.5 3l5 5z"></path>
            </svg>
        </div>
        <div class="col-md-4">
            <div class="row tx-out">
                <table class="table data-table">
                    <tbody>
                        <tr{{if isOwnAddress $data $tt.To}} class="tx-own"{{end}}>
                            <td>
                                <span class="ellipsis tx-addr">{{if ne $tt.To $addr}}<a href="/address/{{$tt.To}}">{{$tt.To}}</a>{{else}}{{$tt.To}}{{end}}</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-3 text-right" style="padding: .4rem 0;">ID {{formatAmountWithDecimals $tt.Value 0}} {{$tt.Symbol}}</div>
    </div>
    {{- end -}}
    {{- end -}}
    <div class="row" style="padding: 6px 15px;"></div>
    {{- end -}}

    {{- if tokenTransfersCount $tx "ERC1155" -}}
    <div class="row line-top" style="padding: 15px 0 6px 15px;font-weight: bold;">
        ERC1155 Token Transfers
    </div>
    {{- range $tt := $tx.TokenTransfers -}}
    {{if eq $tt.Type "ERC1155"}}
    <div class="row" style="padding: 2px 15px;">
        <div class="col-md-4">
            <div class="row tx-in">
                <table class="table data-table">
                    <tbody>
                        <tr{{if isOwnAddress $data $tt.From}} class="tx-own"{{end}}>
                            <td>
                                <span class="ellipsis tx-addr">{{if ne $tt.From $addr}}<a href="/address/{{$tt.From}}">{{$tt.From}}</a>{{else}}{{$tt.From}}{{end}}</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-1 col-xs-12 text-center">
            <svg class="octicon" viewBox="0 0 8 16">
                <path fill-rule="evenodd" d="M7.5 8l-5 5L1 11.5 4.75 8 1 4.5 2.5 3l5 5z"></path>
            </svg>
        </div>
        <div class="col-md-4">
            <div class="row tx-out">
                <table class="table data-table">
                    <tbody>
                        <tr{{if isOwnAddress $data $tt.To}} class="tx-own"{{end}}>
                            <td>
                                <span class="ellipsis tx-addr">{{if ne $tt.To $addr}}<a href="/address/{{$tt.To}}">{{$tt.To}}</a>{{else}}{{$tt.To}}{{end}}</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-3 text-right" style="padding: .4rem 0;">
            {{- range $iv := $tt.Values -}}
                {{formatAmountWithDecimals $iv.Id 0}}:{{formatAmountWithDecimals $iv.Value $tt.Decimals}} {{$tt.Symbol}}
            {{- end -}}
        </div>
    </div>
    {{- end -}}
    {{- end -}}
    <div class="row" style="padding: 6px 15px;"></div>
    {{- end -}}

    <div class="row line-top">
        <div class="col-xs-6 col-sm-4 col-md-4">
            {{- if $tx.FeesSat -}}
            <span class="txvalues txvalues-default">Fee: {{formatAmount $tx.FeesSat}} {{$cs}}</span>
            {{- end -}}
        </div>
        <div class="col-xs-6 col-sm-8 col-md-8 text-right">
            {{- if $tx.Confirmations -}}
            <span class="txvalues txvalues-success">{{$tx.Confirmations}} Confirmations</span>
            {{- else -}}
            <span class="txvalues txvalues-danger ng-hide">Unconfirmed Transaction!</span>
            {{- end -}}
            <span class="txvalues txvalues-primary">{{formatAmount $tx.ValueOutSat}} {{$cs}}</span>
        </div>
    </div>
</div>
{{end}}