{{#> layout}}

<g transform="translate({{spec.profile.padding.[1].x}}, {{spec.profile.padding.[1].y}})">
    <g transform="translate(9, 0)">
        <line x1="176.5" y1="54" x2="415.5" y2="468" stroke="#CBD5E1" stroke-width="1" />
        <line x1="176.5" y1="468" x2="415.5" y2="54" stroke="#CBD5E1" stroke-width="1" />

        <line x1="176.5" y1="468" x2="176.5" y2="54" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />
        <line x1="415.5" y1="468" x2="415.5" y2="54" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />

        <line x1="57" y1="261" x2="415.5" y2="54" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />
        <line x1="57" y1="261" x2="415.5" y2="468" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />

        <line x1="176.5" y1="54" x2="535" y2="261" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />
        <line x1="176.5" y1="468" x2="535" y2="261" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5" />

        <line x1="57" y1="261" x2="535" y2="261" stroke="#CBD5E1" stroke-width="1" />
        
        <text x="296" y="42" text-anchor="middle" fill="#CBD5E1" font-size="14" font-weight="500">56</text>

        <g transform="translate(568, 235)">
            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[0].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">A</text>
            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[0].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">هنری</text>
            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[0].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[0].percentageText}} ٪</text>
        </g>

        <g transform="translate(465, 475)">
            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[1].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">S</text>
            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[1].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">اجتماعی</text>
            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[1].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[1].percentageText}} ٪</text>
        </g>

        <g transform="translate(148, 475)">
            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[2].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">E</text>
            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[2].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">متهور</text>
            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[2].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[2].percentageText}} ٪</text>
        </g>

        <g transform="translate(16, 235)">
            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[3].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">C</text>
            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[3].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">قراردادی</text>
            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[3].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[3].percentageText}} ٪</text>
        </g>

        <g transform="translate(148, 0)">
            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[4].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">R</text>
            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[4].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">واقع‌گرا</text>
            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[4].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[4].percentageText}} ٪</text>
        </g>
        <g transform="translate(465, 0)">
            <text y="0" text-anchor="middle" fill="{{ternary itemRadians.[5].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="700">I</text>
            <text y="16" text-anchor="middle" fill="{{ternary itemRadians.[5].bold '#4F46E5' '#475569'}}" font-size="14" dy=".85em" font-weight="500">جستجوگر</text>
            <text y="38" text-anchor="middle" fill="{{ternary itemRadians.[5].bold '#6366F1' '#64748B'}}" font-size="12" dy=".8em" font-weight="500">{{itemRadians.[5].percentageText}} ٪</text>
        </g>
        
        {{#each itemRadians as |item|}}
            <line x1="{{item.rad.start.[0]}}" y1="{{item.rad.start.[1]}}" x2="{{item.rad.end.[0]}}" y2="{{item.rad.end.[1]}}" stroke="{{ternary item.bold '#4F46E5' '#475569'}}" stroke-width="3" />
            <circle cx="{{item.rad.value.[0]}}" cy="{{item.rad.value.[1]}}" r="12" fill="{{ternary item.bold '#4F46E5' '#475569'}}" />
            <text x="{{item.rad.value.[0]}}" y="{{item.rad.value.[1]}}" text-anchor="middle" fill="#FFFFFF" font-size="14" font-weight="700" dy=".30em">{{item.mark}}</text>
        {{/each}}
        <path transform="translate(56,53)" d="M359.654 0.753893L479.307 208L359.654 415.246L120.346 415.246L0.69283 208L120.346 0.753883L359.654 0.753893Z" stroke="#94A3B8" fill="none" stroke-width="1.2"/>
        <path transform="translate(264,233)" d="M47.6536 0.887187L63.3072 28L47.6536 55.1128L16.3464 55.1128L0.69282 28L16.3464 0.887185L47.6536 0.887187Z" fill="white" stroke="#CBD5E1" stroke-width="1.2"/>
        <text x="296" y="261.5" text-anchor="middle" fill="#CBD5E1" font-size="14" dy=".25em" font-weight="500">0</text>
    </g>
</g>

{{/layout}}