@extends('layout.default')
{{ /**@var \App\Models\Block $block*/'' }}

@section('title',isset($block)?('Block Height '.$block->Height):'Blocks')

@section('script')
    @if(isset($block))
        <script type="text/javascript">
            var resizeCards = function() {
                var bSummary = $('.block-summary');
                var bTransactions = $('.block-transactions');
                if (bTransactions.outerHeight() < bSummary.outerHeight()) {
                    bTransactions.outerHeight(bSummary.outerHeight());
                }
            };

            $(document).ready(function() {
                resizeCards();
            });

            window.onload = function() {
                resizeCards();
            };
        </script>
    @else
        <script type="text/javascript" src="/amcharts/amcharts.js"></script>
        <script type="text/javascript" src="/amcharts/serial.js"></script>
        <script type="text/javascript" src="/amcharts/plugins/export/export.min.js"></script>
        <script type="text/javascript" src="/js/block-size-chart.js"></script>
    @endif
@endsection

@section('css')
    @if(!isset($block))
        <link rel="stylesheet" href="/amcharts/plugins/export/export.css" />
    @endif
@endsection

@section('content')

    @include('element.header')

    @if(isset($block))
        <div class="block-head">
            <h3>LBRY Block {{ $block->Height }}</h3>
            <h4>{{ $block->Hash }}</h4>
        </div>

        <div class="block-nav">
            @if($block->Height > 0)
                <a class="btn btn-prev" href="/blocks/{{ ($block->Height - 1) }}">&laquo; Previous Block</a>
            @endif

            <a class="btn btn-next" href="/blocks/{{ $block->Height + 1 }}">Next Block &raquo;</a>

            <div class="clear"></div>
        </div>

        <div class="block-info">
            <div class="block-summary">
                <h3>Overview</h3>

                <div class="label half-width">Block Size (bytes)</div>
                <div class="label half-width">Block Time</div>

                <div class="value half-width">{{ number_format($block->BlockSize, 0, '', ',') }}</div>
                <div class="value half-width">{{ \DateTime::createFromFormat('U', $block->BlockTime)->format('j M Y H:i:s') . ' UTC' }}</div>

                <div class="clear spacer"></div>

                <div class="label half-width">Bits</div>
                <div class="label half-width">Confirmations</div>

                <div class="value half-width">{{ $block->Bits }}</div>
                <div class="value half-width">{{ $confirmations }}</div>

                <div class="clear spacer"></div>

                <div class="label half-width">Difficulty</div>
                <div class="label half-width">Nonce</div>

                <div class="value half-width">{{ \App\Helpers\AmountHelper::format($block->Difficulty,'') }}</div>
                <div class="value half-width">{{ $block->Nonce }}</div>

                <div class="clear spacer"></div>

                <div class="label">Chainwork</div> <div class="value">{{ $block->Chainwork }}</div>

                <div class="spacer"></div>

                <div class="label">MerkleRoot</div> <div class="value">{{ $block->MerkleRoot }}</div>

                <div class="spacer"></div>

                <div class="label">NameClaimRoot</div> <div class="value">{{ $block->NameClaimRoot }}</div>

                <!--
            <div class="spacer"></div>

            <div class="label">Target</div> <div class="value">{{ $block->Target }}</div>
            -->

                <div class="spacer"></div>

                <div class="label">Version</div> <div class="value">{{ $block->Version }}</div>
            </div>

            <div class="block-transactions">
                <h3>{{ count($blockTxs) }} Transaction{{ (count($blockTxs) == 1 ? '' : 's') }}</h3>

                <div class="transactions-list">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>Hash</th>
                            <th class="w100 right">Inputs</th>
                            <th class="w100 right">Outputs</th>
                            <th class="w200 right">Value</th>
                        </tr>
                        </thead>
                        <tbody>
                        @if(count($blockTxs) == 0)
                            <tr>
                                <td class="nodata" colspan="4">There are no transactions to display at this time.</td>
                            </tr>
                        @endif

                        @foreach($blockTxs as $tx)
                            <tr>
                                <td class="w300"><div><a href="/tx/{{ $tx->hash }}">{{ $tx->hash }}</a></div></td>
                                <td class="right">{{ $tx->input_count }}</td>
                                <td class="right">{{ $tx->output_count }}</td>
                                <td class="right"><div title="{{ $tx->value }} LBC">{{ \App\Helpers\AmountHelper::formatCurrency($tx->value) }} LBC</div></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="clear"></div>
    @else
        <div class="block-head">
            <h3>LBRY Blocks</h3>
        </div>

        <div class="block-size-chart-container">
            <div class="load-progress inc"></div>
            <h3>Block Size Chart</h3>
            <div class="block-size-data-links">
                <a href="#" title="24 hours" data-period="24h">24h</a>
                <a href="#" title="72 hours" data-period="72h">72h</a>
                <a href="#" title="1 week" data-period="168h">1w</a>
                <a href="#" title="30 days" data-period="30d">30d</a>
                <a href="#" title="90 days" data-period="90d">90d</a>
                <a href="#" title="1 year" data-period="1y">1y</a>
            </div>
            <div id="block-size-chart" class="chart"></div>
            <div id="chart-export" class="btn-chart-export"></div>
        </div>

        <div class="all-blocks">
            <h3>All Blocks</h3>
            <div class="results-meta">
                @if($numRecords > 0)
                    @php($begin = ($currentPage - 1) * $pageLimit + 1)
                    Showing {{ number_format($begin, 0, '', ',') }} - {{ number_format(min($numRecords, ($begin + $pageLimit) - 1), 0, '', ',') }} of {{ number_format($numRecords, 0, '', ',') }} block{{ $numRecords == 1 ? '' : 's' }}
                @endif
            </div>
            <table class="table">
                <thead>
                <tr>
                    <th class="w100">Height</th>
                    <th class="w150 left pad-left">Difficulty</th>
                    <th class="w100 right">Confirmations</th>
                    <th class="w100 right">TX Count</th>
                    <th class="w100 right">Block Size</th>
                    <th class="w100 right pad-left">Nonce</th>
                    <th class="w150 left pad-left">Block Time</th>
                </tr>
                </thead>

                <tbody>
                @foreach($blocks as $block)
                    <tr>
                        <td class="right"><a href="/blocks/{{ $block->Height }}">{{ $block->Height }}</a></td>
                        <td class="pad-left">{{ number_format($block->Difficulty, 8, '.', '') }}</td>
                        <td class="right">{{ number_format((($currentBlock->Height - $block->Height) + 1), 0, '', ',') }}</td>
                        <td class="right">{{ $block->tx_count }}</td>
                        <td class="right">{{ round($block->BlockSize / 1024, 2) . 'KB' }}</td>
                        <td class="right pad-left">{{ $block->Nonce }}</td>
                        <td class="pad-left">{{ \DateTime::createFromFormat('U', $block->BlockTime)->format('d M Y H:i:s') }} UTC</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        @include('element.pagination')
    @endif

@endsection