{{#> layout}}
<defs>
    <linearGradient id="titlebg" x1="420" y1="0" x2="420" y2="32" gradientUnits="userSpaceOnUse">
        <stop stop-color="#64748B"/>
        <stop offset="1" stop-color="#94A3B8"/>
    </linearGradient>
</defs>

<g transform="translate({{spec.profile.padding.[1].x}}, {{spec.profile.padding.[1].y}})">
    <g transform="translate(27, 0)">
         <g>
            <rect width="840" height="32" rx="4" fill="url(#titlebg)" />
            
            <text x="24" y="16" dy=".3em" font-weight="700" font-size="12" fill="#FFFFFF" text-anchor="middle">نمره</text>
            <rect x="48" y="10" width="1" height="12" rx="0.5" fill="#E2E8F0"/>
            
            <text x="300.5" y="16" dy=".3em" font-weight="700" font-size="12" fill="#FFFFFF" text-anchor="middle">متن پاسخ</text>
            <rect x="553" y="10" width="1" height="12" rx="0.5" fill="#E2E8F0"/>
            
            <text x="590.5" y="16" dy=".3em" font-weight="700" font-size="12" fill="#FFFFFF" text-anchor="middle">گزینهٔ  پاسخ</text>
            <rect x="628" y="10" width="1" height="12" rx="0.5" fill="#E2E8F0"/>
            
            <text x="708.5" y="16" dy=".3em" font-weight="700" font-size="12" fill="#FFFFFF" text-anchor="middle">نشانه</text>
            <rect x="789" y="10" width="1" height="12" rx="0.5" fill="#E2E8F0"/>
            
            <text x="814" y="16" dy=".3em" font-weight="700" font-size="12" fill="#FFFFFF" text-anchor="middle">سوال</text>
         </g>
         <g transform="translate(0, 33)">
            {{#each sorted}}
                <g transform="translate(0, {{math @index '*' 31}})">
                    {{# if alert}}
                    <g transform="translate(846.11, 7.04)">
                        <path d="M 8.889 5.629 v 3.5556 m 0 2.6667 h 0.0089 m -1.464 -11.0303 l -7.2053 12.0303 c -0.1485 0.2572 -0.2271 0.5488 -0.228 0.8459 c -0.0009 0.297 0.0761 0.5891 0.2231 0.8472 c 0.1471 0.258 0.3591 0.4731 0.6151 0.6238 c 0.256 0.1507 0.5469 0.2317 0.844 0.2351 h 14.4125 c 0.2968 -0.0035 0.5877 -0.0845 0.8435 -0.2352 c 0.2559 -0.1506 0.4679 -0.3656 0.6149 -0.6235 c 0.147 -0.258 0.224 -0.5499 0.2233 -0.8468 c -0.0008 -0.2969 -0.0792 -0.5884 -0.2275 -0.8456 l -7.2053 -12.0321 c -0.1516 -0.2502 -0.3652 -0.4571 -0.6201 -0.6007 c -0.2549 -0.1436 -0.5425 -0.219 -0.8351 -0.219 c -0.2926 0 -0.5802 0.0754 -0.8351 0.219 c -0.2549 0.1436 -0.4685 0.3505 -0.6201 0.6007 v 0.0009 z" fill="none" stroke="#E11D48" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                    </g>
                    {{/if}}
                    <rect width="840" height="30" rx="4" fill="{{color}}" />
                    
                    <text x="24" y="15" dy=".3em" font-weight="500" font-size="12" fill="#475569" text-anchor="middle">{{option}}</text>
                    <rect x="48" y="9" width="1" height="12" rx="0.5" fill="#E2E8F0"/>
                    
                    <text x="300.5" y="15" dy=".3em" font-weight="500" font-size="12" fill="#475569" text-anchor="middle">{{text}}</text>
                    <rect x="553" y="9" width="1" height="12" rx="0.5" fill="#E2E8F0"/>
                    
                    <text x="590.5" y="15" dy=".3em" font-weight="500" font-size="12" fill="#475569" text-anchor="middle">{{user_answered}}</text>
                    <rect x="628" y="9" width="1" height="12" rx="0.5" fill="#E2E8F0"/>
                    
                    <text x="708.5" y="15" dy=".3em" font-weight="500" font-size="12" fill="#475569" text-anchor="middle">{{label}}</text>
                    <rect x="789" y="9" width="1" height="12" rx="0.5" fill="#E2E8F0"/>
                    
                    <text x="814" y="15" dy=".3em" font-weight="500" font-size="12" fill="#475569" text-anchor="middle">{{i}}</text>
                </g>
            {{/each}}
         </g>
    </g>
</g>

{{/layout}}