{{extends "base.html"}}
{{import "breadcrumb.html"}}

{{block head()}}
{{end}}

{{block body()}}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb rounded shadow-sm">
        {{ yield breadcrumb() }}
        <li class="breadcrumb-item active" aria-current="page"><strong>Options</strong></li>
    </ol>
</nav>

{{if eventsAllowed}}
{{range _, section := sections}}
<div class="card shadow-sm mb-4">
    <div class="card-header" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;">
        <h5 class="mb-0"><i class="bi bi-gear me-2"></i>{{ section.Name }}</h5>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover table-striped mb-0">
                <thead class="table-light">
                    <tr>
                        <th width="40%">Setting</th>
                        <th>Value</th>
                    </tr>
                </thead>
                <tbody>
                    {{range _, opt := section.Options}}
                    <tr>
                        <td class="fw-semibold">{{ opt[0] }}</td>
                        <td><code>{{ opt[1] }}</code></td>
                    </tr>
                    {{end}}
                </tbody>
            </table>
        </div>
    </div>
</div>
{{end}}
{{else}}
<div class="alert alert-warning text-center" role="alert">
    <i class="bi bi-exclamation-triangle fs-1"></i>
    <h4 class="mt-3">Access Denied</h4>
    <p>User "{{user}}" is not permitted to view Options.</p>
</div>
{{end}}
{{end}}