View source for Template:KeitaArea

<noinclude>This is used to tabulate all basic area data.</noinclude>
<includeonly>
    {{#vardefine:border|#{{{{{Type}}}_color_dark}}}}
    {{#vardefine:background|#{{{{{Type}}}_color}}}}
    {{#vardefine:cell|#{{{{{Type}}}_color_light}}}}

    <table class="informational-box" align="right" style="width: 43%; background-color: {{#var:background}}; border: 5px solid {{#var:border}}; border-radius: 25px; padding: 5px; text-align: center;">
        
        <!-- Title Row -->
        <tr>
            <td colspan="3" style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}}; color: {{#var:border}}; font-weight: bold; font-size: 20px;">
                {{PAGENAME}} - [[{{{Region}}}|<span style="color:{{#var:border}};">{{{Region}}}</span>]]
            </td>
        </tr>

        <!-- Maps or Overview -->
        <tr>
            {{#if:{{{Maps|}}} |
                {{#arraydefine:maps|{{{Maps}}}}}
                <td colspan="3">
                    <table style="text-align: center; width: 100%; padding: 6px; color:{{#var:border}};">
                        <tr>
                            <td colspan="5" style="color: {{#var:border}}; font-weight: bold; border: 3px solid {{#var:border}}; background-color:{{#var:cell}}; padding: 4px; border-radius: 25px;">
                                Overviewing collage
                            </td>
                        </tr>
                        <tr>
                            {{#vardefine:placeholder|1}}
                            {{#loop: iterations|
                                1|
                                {{#arraysize:maps}}|
                                {{#vardefine:vector|{{#expr:{{#var:iterations}} - 1}}}}
                                <td width="33%" style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}};">
                                    <table width="100%" style="text-align: center; padding: 3px;">
                                        <tr>
                                            <td>[[File:{{#arrayindex:maps|{{#var:vector}}}}.png|100px]]</td>
                                        </tr>
                                        <tr>
                                            <td>{{#arrayindex:maps|{{#var:vector}}}}</td>
                                        </tr>
                                    </table>
                                </td>
                                {{#ifexpr:{{#var:iterations}} / 3 = {{#var:placeholder}} |
                                    {{#vardefine:placeholder|{{#expr:{{#var:placeholder}} + 1}}}}
                                </tr><tr>}}
                            }}
                        </tr>
                    </table>
                </td>
            |
                <td colspan="3" style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}}; padding: 6px;">
                    <p style="color: {{#var:border}}; font-weight: bold;">Overview</p>
                    [[File:{{PAGENAME}}.png|400px]]
                </td>
            }}
        </tr>

        <!-- Location GIF -->
        {{#ifexist:File:{{PAGENAME}}.gif|
            {{#vardefine:location|{{PAGENAME}}}}|
            {{#if:{{{Location|}}}|
                {{#vardefine:location|{{{Location}}}}}
            }}
        }}
        {{#if:{{#var:location}}|
            <tr>
                <td colspan="3" style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}};">
                    <p style="color: {{#var:border}}; font-weight: bold;">Location</p>
                    [[File:{{#var:location}}.gif|200px]]
                    <p style="font-size: 10px; margin-top: 4px;">A positional vantage point of {{PAGENAME}} in {{{Region}}}.</p>
                </td>
            </tr>
        }}

        <!-- Gym Info -->
        {{#if:{{{Badge|}}} |
            {{#vardefine:badge|{{{Badge}}}}}
            {{#vardefine:leader|{{{Leader}}}}}
            <tr>
                <td colspan="3" style="border-radius: 25px; background-color: {{#var:cell}}; border: 3px solid {{#var:border}}; padding: 7px;">
                    <table style="width: 100%; padding: 7px;">
                        <tr>
                            <td colspan="3">
                                [[File:{{{Badge}}}_Badge_Icon.png]]
                                <p style="color: {{#var:border}}; font-weight: bold; font-size: 18px;">{{PAGENAME}} Gym</p>
                            </td>
                        </tr>
                        <tr>
                            <td style="border-radius: 25px; padding: 5px;">
                                <div style="background-color: {{#var:border}}; color: {{#var:cell}}; font-weight: bold; padding: 3px; border-radius: 25px;">Gym-leader</div>
                                <div style="background-color: #FFFFFF; padding: 3px; border-radius: 25px;">{{{Leader}}}</div>
                            </td>
                            <td style="border-radius: 25px; padding: 5px;">
                                <div style="background-color: {{#var:border}}; color: {{#var:cell}}; font-weight: bold; padding: 3px; border-radius: 25px;">Type specialty</div>
                                <div style="background-color: #FFFFFF; padding: 3px; border-radius: 25px;">[[{{{GymType}}}_(type)|{{{GymType}}}]]</div>
                            </td>
                            <td style="border-radius: 25px; padding: 5px;">
                                <div style="background-color: {{#var:border}}; color: {{#var:cell}}; font-weight: bold; padding: 3px; border-radius: 25px;">Badge</div>
                                <div style="background-color: #FFFFFF; padding: 3px; border-radius: 25px;">{{{Badge}}} Badge</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        }}

        <!-- Resources -->
        {{#vardefine:resources|{{#expr:{{{Items|0}}}+{{{BerryTrees|0}}}+{{{BattleNPCs|0}}}}}}}
        {{#ifexpr:{{#var:resources}} > 0 |
            <tr>
                <td colspan="3" style="border-radius: 25px; background-color: {{#var:cell}}; border: 3px solid {{#var:border}}; padding: 6px;">
                    <table style="width: 100%; padding: 6px;">
                        <tr>
                            <td colspan="4">
                                <p style="color: {{#var:border}}; font-weight: bold; font-size: 18px;">Resources</p>
                            </td>
                        </tr>
                        <tr>
                            <td style="border-radius: 25px; padding: 5px;">
                                <div style="background-color: {{#var:border}}; color: {{#var:cell}}; font-weight: bold; padding: 5px; border-radius: 25px;">Battleable NPCs</div>
                                <div style="background-color: #FFFFFF; padding: 5px; border-radius: 25px;">{{{BattleNPCs|0}}}</div>
                            </td>
                            <td style="border-radius: 25px; padding: 5px;">
                                <div style="background-color: {{#var:border}}; color: {{#var:cell}}; font-weight: bold; padding: 5px; border-radius: 25px;">Ground-lootable items</div>
                                <div style="background-color: #FFFFFF; padding: 5px; border-radius: 25px;">{{{Items|0}}}</div>
                            </td>
                            <td style="border-radius: 25px; padding: 5px;">
                                <div style="background-color: {{#var:border}}; color: {{#var:cell}}; font-weight: bold; padding: 5px; border-radius: 25px;">Berry trees</div>
                                <div style="background-color: #FFFFFF; padding: 5px; border-radius: 25px;">{{{BerryTrees|0}}}</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        }}

        <!-- Adjacent Areas -->
        {{#vardefine:placeholder|{{#iferror: {{#expr:{{{North|0}}}+{{{West|0}}}+{{{South|0