@extends('lethean::layout')

@section('title', 'Block #' . ($block['height'] ?? ''))

@section('content')
<div class="section">
    <div style="display: flex; justify-content: space-between; align-items: center;">
        <h2>Block #{{ number_format($block['height'] ?? 0) }}</h2>
        <span class="badge {{ ($block['is_pos_block'] ?? false) ? 'badge-amber' : 'badge-green' }}" style="font-size: 1rem; padding: 0.25rem 0.75rem;">
            {{ ($block['is_pos_block'] ?? false) ? 'PoS' : 'PoW' }}
        </span>
    </div>

    <div class="card" style="margin-top: 1rem;">
        <table style="width: 100%;">
            <tr style="border-bottom: 1px solid var(--border);">
                <td style="padding: 0.75rem; color: var(--muted); width: 150px;"><strong>Height</strong></td>
                <td style="padding: 0.75rem; font-weight: 600;">{{ number_format($block['height'] ?? 0) }}</td>
            </tr>
            <tr style="border-bottom: 1px solid var(--border);">
                <td style="padding: 0.75rem; color: var(--muted);"><strong>Timestamp</strong></td>
                <td style="padding: 0.75rem;">{{ isset($block['timestamp']) ? date('Y-m-d H:i:s', $block['timestamp']) : 'N/A' }}</td>
            </tr>
            <tr style="border-bottom: 1px solid var(--border);">
                <td style="padding: 0.75rem; color: var(--muted);"><strong>Difficulty</strong></td>
                <td style="padding: 0.75rem;">{{ number_format($block['difficulty'] ?? 0) }}</td>
            </tr>
            <tr style="border-bottom: 1px solid var(--border);">
                <td style="padding: 0.75rem; color: var(--muted);"><strong>Reward</strong></td>
                <td style="padding: 0.75rem;">{{ number_format(($block['reward'] ?? 0) / 1e12, 4) }} LTHN</td>
            </tr>
            <tr style="border-bottom: 1px solid var(--border);">
                <td style="padding: 0.75rem; color: var(--muted);"><strong>Hash</strong></td>
                <td style="padding: 0.75rem;"><code style="word-break: break-all; font-size: 0.8rem;">{{ $block['hash'] ?? 'N/A' }}</code></td>
            </tr>
            <tr>
                <td style="padding: 0.75rem; color: var(--muted);"><strong>Previous</strong></td>
                <td style="padding: 0.75rem;">
                    @if(!empty($block['prev_hash']))
                    <a href="/explorer/block/{{ $block['prev_hash'] }}"><code style="word-break: break-all; font-size: 0.8rem;">{{ $block['prev_hash'] }}</code></a>
                    @else
                    <code style="font-size: 0.8rem;">Genesis</code>
                    @endif
                </td>
            </tr>
        </table>
    </div>

    <div style="margin-top: 1.5rem; display: flex; gap: 1.5rem; align-items: center;">
        @if(($block['height'] ?? 0) > 0)
        <a href="/explorer/block/{{ ($block['height'] ?? 1) - 1 }}">&larr; Block {{ number_format(($block['height'] ?? 1) - 1) }}</a>
        @endif
        <a href="/explorer/block/{{ ($block['height'] ?? 0) + 1 }}">Block {{ number_format(($block['height'] ?? 0) + 1) }} &rarr;</a>
        <span style="color: var(--border);">|</span>
        <a href="/explorer">Explorer</a>
    </div>
</div>
@endsection