@if(!empty($block['title']))
<h6>{{ $block['title'] }}</h6>
@endif

@if(!empty($block['body']))
<p class="small text-muted mb-2">{{ $block['body'] }}</p>
@endif

@if(!empty($block['desc']))
<p class="small mb-2">{{ $block['desc'] }}</p>
@endif

@if(!empty($block['permission']))
<p class="small mb-2"><span class="badge bg-light text-dark border">Permission: {{ $block['permission'] }}</span></p>
@endif

@if(!empty($block['module']))
<p class="small mb-2"><span class="badge bg-info text-dark">Module: {{ $block['module'] }}</span></p>
@endif

@if(!empty($block['items']))
<div class="table-responsive">
    <table class="table table-sm mb-0 small doc-item-table">
        <tbody>
        @foreach($block['items'] as $item)
        <tr>
            <td class="doc-feature-name text-nowrap pe-3 align-top">{{ $item['name'] ?? '' }}</td>
            <td class="text-muted align-top">
                {{ $item['desc'] ?? '' }}
                @if(!empty($item['example']))
                <div class="doc-example mt-1"><i class="fas fa-lightbulb text-warning me-1"></i><em>উদাহরণ: {{ $item['example'] }}</em></div>
                @endif
            </td>
        </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endif

@if(!empty($block['steps']))
<ol class="small mb-0 ps-3 doc-steps">
    @foreach($block['steps'] as $step)
    <li class="mb-1">{{ $step }}</li>
    @endforeach
</ol>
@endif