{{template "base" .}}

{{define "title"}}Nationalrat{{end}}

{{define "body"}}
<div class="page-header">
    <h1 class="page-title">Nationalrat</h1>
    <p class="page-subtitle">{{.Total}} Abgeordnete — XXVIII. Gesetzgebungsperiode</p>
</div>

{{range .Groups}}
<section style="margin-bottom: 40px;">
    <h2 style="font-size: 18px; color: var(--dark); margin-bottom: 12px; display: flex; align-items: baseline; gap: 10px;">
        {{.Name}}
        <span style="font-size: 13px; font-weight: 500; color: var(--text-muted); font-family: 'Source Sans 3', sans-serif;">{{len .Members}} Mandate</span>
    </h2>
    <div style="background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow);" class="table-scroll">
        <table style="width: 100%; border-collapse: collapse; font-size: 14px;">
            <thead>
                <tr style="background: var(--bg); border-bottom: 1px solid var(--border);">
                    <th style="text-align: left; padding: 10px 16px; font-weight: 600; color: var(--text-muted); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase;">Name</th>
                    <th style="text-align: left; padding: 10px 16px; font-weight: 600; color: var(--text-muted); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase;">Partei</th>
                    <th style="text-align: left; padding: 10px 16px; font-weight: 600; color: var(--text-muted); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase;">Wahlkreis</th>
                </tr>
            </thead>
            <tbody>
                {{range .Members}}
                <tr style="border-bottom: 1px solid var(--border);">
                    <td style="padding: 10px 16px;">
                        <a href="https://www.parlament.gv.at{{.Path}}" target="_blank" rel="noopener"
                           style="color: var(--text); font-weight: 500; text-decoration: none;">
                            {{.FirstName}} {{.LastName}}
                        </a>
                    </td>
                    <td style="padding: 10px 16px; color: var(--text-muted); font-weight: 500;">{{.Faction}}</td>
                    <td style="padding: 10px 16px; color: var(--text-muted);">{{.Constituency}}</td>
                </tr>
                {{end}}
            </tbody>
        </table>
    </div>
</section>
{{end}}
{{end}}