SWDB/application/view/frame/catalog.php

<div id='monster'>
    <a class='control_close' href='javascript:selectMonster(null);'>
        <img src='<?=$path["img"]["layout"]?>control/close.svg' />
    </a>
    <input type='hidden' id='selected_id' value='<?=$page->id?>'/>
    <table id='monster_header'>
        <tr>
            <td>
                <img id='monster_img' class='monster_img border_<?=$page->element?>' src='<?=$page->img?>'/>
                <img id='monster_img_aw' class='monster_img border_<?=$page->element?>' src='<?=$page->img_aw?>'/>
            <td/>
            <td>
                <h3 id='section-title'>
                    <span id='name'><?=$page->element?> <?=$page->name?></span>&nbsp;&nbsp;&nbsp;<span class='color_<?=$page->element?>'><?=$page->name_aw?></span>
                </h3>
                <div id='monster_stars'>
<?php
                    for ($i = 1; $i <= $page->stars; $i++){
?>
                        <img class='monster_star' src='<?=($path["img"]["layout"] . "icon/star.png")?>'/>
<?php
                    }
?>
                </div> <!-- #monster_stars -->
            </td>
        </tr>
    </table>
    <table id='monster_skills'>
        <tr>
<?php
            foreach ($page->skill as $skill){
                $skill_awaken = "";
                $skill_leader = "";
                if ($skill->awaken == 1){
                    $skill_awaken = "skill_awaken";
                }
                if ($skill->leader == 1){
                    $skill_leader = 'skill_leader';
                }
?>
                <td>
                    <span class='skill_image'>
                        <img class='skill_image <?=$skill_awaken?> <?=$skill_leader?>' src='<?=$skill->img?>' alt=''/>
                        <span class='skill_tooltip'>
                            <img class='skill_tooltip_image <?=$skill_awaken?> <?=$skill_leader?>' src='<?=$skill->img?>' alt=''/>
                            <span class='skill_tooltip_title'><?=$skill->name?></span>
                            <br/>
                            <?=$skill->desc?>
                        </span>
                    </span>
                    <span class='skill_name <?=$skill_awaken?> <?=$skill_leader?>'><?=$skill->name?></span>
                </td>
<?php
            }
?>
        </tr>
    </table>
    <table id='monster_stats'>
        <tr id='stats_header_names'>
            <th>
                Stars
            </th>
            <th colspan='2'>
                Health
            </th>
            <th colspan='2'>
                Attack
            </th>
            <th colspan='2'>
                Defense
            </th>
            <th>
                Critical damage
            </th>
            <th>
                Critical rate
            </th>
            <th>
                Resistance
            </th>
            <th>
                Accuracy
            </th>
        </tr>
        <tr id='stats_header_ranges'>
            <th>
            </th>
            <th>
                Lv. 1
            </th>
            <th>
                Lv. MAX
            </th>
            <th>
                Lv. 1
            </th>
            <th>
                Lv. MAX
            </th>
            <th>
                Lv. 1
            </th>
            <th>
                Lv. MAX
            </th>
            <th>
            </th>
            <th>
            </th>
            <th>
            </th>
            <th>
            </th>
        </tr>
<?php
        $w = 0;
        $even = 0;
        foreach ($page->stat as $stat){
?>
            <tr>
                <td class='even<?=(($even ++) % 2)?>'>
<?php
                    for ($i = 1; $i <= $stat["STARS"]; $i ++){
?>
                        <img class='star' src='<?=($path["img"]["layout"] . "icon/star.png")?>'/>
<?php
                    }
?>
                    <?=$sts?>
                </td>
                <td class='even<?=(($even ++) % 2)?>'>
                    <span class='stat'><?=$stat["HP"]["MIN"]?></span>
<?php
                    if (isset($page->stat_aw[$w]["HP"]["MIN"])){
?>
                        <span class='stat awake'><?=$page->stat_aw[$w]["HP"]["MIN"]?></span>
<?php
                    }
?>
                </td>
                <td class='even<?=(($even ++) % 2)?>'>
                    <span class='stat'><?=$stat["HP"]["MAX"]?></span>
<?php
                    if (isset($page->stat_aw[$w]["HP"]["MAX"])){
?>
                        <span class='stat awake'><?=$page->stat_aw[$w]["HP"]["MAX"]?></span>
<?php
                    }
?>
                </td>
                <td class='even<?=(($even ++) % 2)?>'>
                    <span class='stat'><?=$stat["ATK"]["MIN"]?></span>
<?php
                    if (isset($page->stat_aw["ATK"]["MIN"])){
?>
                        <span class='stat awake'><?=$page->stat_aw[$w]["ATK"]["MIN"]?></span>
<?php
                    }
?>
                </td>
                <td class='even<?=(($even ++) % 2)?>'>
                    <span class='stat'><?=$stat["ATK"]["MAX"]?></span>
<?php
                    if (isset($page->stat_aw["ATK"]["MAX"])){
?>
                        <span class='stat awake'><?=$page->stat_aw[$w]["ATK"]["MAX"]?></span>
<?php
                    }
?>
                </td>
                <td class='even<?=(($even ++) % 2)?>'>
                    <span class='stat'><?=$stat["DEF"]["MIN"]?></span>
<?php
                    if (isset($page->stat_aw[$w]["DEF"]["MIN"])){
?>
                        <span class='stat awake'><?=$page->stat_aw[$w]["DEF"]["MIN"]?></span>
<?php
                    }
?>
                </td>
                <td class='even<?=(($even ++) % 2)?>'>
                    <span class='stat'><?=$stat["DEF"]["MAX"]?></span>
<?php
                    if (isset($page->stat_aw[$w]["DEF"]["MAX"])){
?>
                        <span class='stat awake'><?=$page->stat_aw[$w]["DEF"]["MAX"]?></span>
<?php
                    }
?>
                </td>
                <td class='even<?=(($even ++) % 2)?>'>
                    <span class='stat'><?=$stat["CRID"]?>%</span>
<?php
                    if (isset($page->stat_aw[$w]["CRID"])){
?>
                        <span class='stat awake'><?=$page->stat_aw[$w]["CRID"]?>%</span>
<?php
                    }
?>
                </td>
                <td class='even<?=(($even ++) % 2)?>'>
                    <span class='stat'><?=$stat["CRIR"]?>%</span>
<?php
                    if (isset($page->stat_aw[$w]["CRIR"])){
?>
                        <span class='stat awake'><?=$page->stat_aw[$w]["CRIR"]?>%</span>
<?php
                    }
?>
                </td>
                <td class='even<?=(($even ++) % 2)?>'>
                    <span class='stat'><?=$stat["RES"]?>%</span>
<?php
                    if (isset($page->stat_aw[$w]["RES"])){
?>
                        <span class='stat awake'><?=$page->stat_aw[$w]["RES"]?>%</span>
<?php
                    }
?>
                </td>
                <td class='even<?=(($even ++) % 2)?>'>
                    <span class='stat'><?=$stat["ACC"]?>%</span>
<?php
                    if (isset($page->stat_aw[$w]["ACC"])){
?>
                        <span class='stat awake'><?=$page->stat_aw[$w]["ACC"]?>%</span>
<?php
                    }
?>
                </td>
            </tr>
<?php
            $w ++;
        }
?>
    </table> <!-- #monster_stats -->
<?php
    if (count($page->location) > 0){
        $location = "Obtainable in ";
        foreach ($page->location as $loc){
            $location = $location . $loc . ", ";
        }
        $location = rtrim($location, ", ");
?>
        <div id='monster_location'>
            <?=$location?>
        </div>
<?php
    }
?>
<?php
    if (count($page->essence) > 0){
?>
        <div id='monster_awake'>
            <table>
                <tr>
<?php
                    foreach ($page->essence as $e){
?>
                        <td class='essence'>
                            <img src='<?=$e["IMAGE"]?>' class='border_<?=$e["ELEMENT"]?>'/>
                            <span>x<?=$e["NUM"]?></span>
                        </td>
<?php
                    }
?>
                </tr>
            </table>
        </div>
<?php
    }
?>
</div> <!-- #monster -->