<div class="row">
    <div class="col-sm-4">
        <div class="panel">
            <div class="panel-heading c_deepPurpleG300to500">
                <h3 class="panel-title">{{address.hash}}</h3>
            </div>
            <div class="panel-body">
                {{address.amount}}
            </div>
        </div>
        <div class="panel">
          <div class="panel-heading c_deepPurpleG300to500">
            <h3 class="panel-title">Address uses
          </div>
          <div class="panel-body">
            <canvas id="line" class="chart chart-line" chart-data="addresstimechart.data" chart-labels="addresstimechart.labels">
            </canvas>
          </div>
        </div>
    </div>
    <div class="col-sm-8">
        <div class="panel">
            <div class="panel-heading c_deepPurpleG300to500">
                <h3 class="panel-title">Blocks where address appears</h3>
            </div>
            <div class="panel-body" style="max-height: 300px;overflow-y: scroll;">
                <div class="list-group">
                    <a ng-href="#!/block/{{block.height}}" class="list-group-item-text" ng-repeat="block in address.blocks">
                        Block Height: {{block.height}}
                        <br> Hash: {{block.hash}}
                        <br> {{block.datet}}
                        <br> Size: {{block.size}} bytes
                        <hr>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <div class="panel">
            <div class="panel-heading c_deepPurpleG300to500">
                <h3 class="panel-title">Tx where address appears</h3>
            </div>
            <div class="panel-body">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Txid</th>
                            <th>Input</th>
                            <th>Output</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="tx in address.txs">
                            <td style="max-width:20px; overflow:hidden;">
                                <a ng-href="#!/tx/{{tx.txid}}" class="list-group-item-text">
                                    {{tx.txid}}
                                </a>
                                <br>
                                {{tx.datet}}
                            </td>
                            <td style="max-width:20px; overflow:hidden;">
                                <table><tbody><tr ng-repeat="vin in tx.vin"><td>
                                    <a ng-href="#!/address/{{vin.address}}" class="list-group-item-text">
                                        {{vin.address}}
                                    </a>
                                    :{{vin.amount}}
                                </td></tr></tbody></table>
                            </td>
                            <td style="max-width:20px; overflow:hidden;">
                                <table><tbody><tr ng-repeat="vout in tx.vout"><td>
                                    <a ng-href="#!/address/{{vout.address}}" class="list-group-item-text">
                                        {{vout.address}}
                                    </a>
                                    :{{vout.value}}
                                </td></tr></tbody></table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
