<?php
    global $AREA_TYPE;
    global $SCENARIO;
    global $UID;
?>
<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta content='text/html; charset=utf-8' http-equiv='content-type'/>
        <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1'/>
        <title><?=$page->title?></title>
        <link rel='shortcut icon' href='<?=$page->favicon?>'/>
        <!-- CSS files -->
        <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>ui.css'/>
        <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>runs.css'/>
        <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>filters.css'/>
        <!-- Script files -->
        <script src="<?=$path["js"]?>ui.js"></script>
        <!-- Meta tags -->
        <link rel='canonical' href='<?=$page->canonical?>'/>
        <link rel='author' href='<?=$page->author?>'/>
        <link rel='publisher' href='<?=$page->author?>'/>
        <meta name='description' content='<?=$page->description?>'/>
        <meta property='og:title' content='<?=$page->title?>'/>
        <meta property='og:url' content='<?=$page->canonical?>'/>
        <meta property='og:description' content='<?=$page->description?>'/>
        <meta property='og:image' content='<?=$page->icon?>'/>
        <meta property='og:site_name' content='<?=$page->name?>'/>
        <meta property='og:type' content='website'/>
        <meta property='og:locale' content='en'/>
        <meta name='twitter:card' content='summary'/>
        <meta name='twitter:title' content='<?=$page->title?>'/>
        <meta name='twitter:description' content='<?=$page->description?>'/>
        <meta name='twitter:image' content='<?=$page->icon?>'/>
        <meta name='twitter:url' content='<?=$page->canonical?>'/>
        <meta name='robots' content='index follow'/>
        <script>
            function saveForm(id, show){
                if (show === true){
                    document.getElementById('save_team').style.display = 'block';
                    document.getElementById('save_id').value = id;
                }
                else{
                    document.getElementById('save_team').style.display = 'none';
                }
            }

            function saveTeam(){
                var id = document.getElementById('save_id').value;
                var name = document.getElementById('save_team_name').value;
                var description = document.getElementById('save_team_description').value;
                if (name == ''){
                    alert('Name required')
                    return;
                }
                var xhttp = new XMLHttpRequest();
                xhttp.onreadystatechange = function() {
                    if (this.readyState == 4 && this.status == 200) {
                        saveForm(null, false);
                    }
                };
                xhttp.open("POST", "/action/save_run_team/", true);
                xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xhttp.send('uid=<?=$UID?>&run=' + id + '&name=' + encodeURI(name) + '&description=' + encodeURI(description));
            }
        </script>
    </head>
    <body>
<?php
        include __DIR__ . "/inc/header.php";
?>
            <section class='filters'>
                <h2>
                    Run filters
                </h2>
<?php
                $filters = $page->filters;
                //TODO
                include __DIR__ . "/inc/filter_runs.php";
?>

            </section> <!-- #filters -->
            <section class='content'>
                <h2>
                    Runs
                </h2>
                <article>
                    <table id='runs'>
                        <tr>
                            <th>
                                Area
                            </th>
                            <th>
                                Date
                            </th>
                            <th>
                                Team
                            </th>
                            <th>
                                Time
                            </th>
                            <th>
                                Reward
                            </th>
                        </tr>
<?php
                        foreach ($page->runs as $run){
                            $enable_save = true;
?>
                            <tr>
                                <td class='area'>
                                    <div class='area'>
                                        <img title='<?=$run->area->name?>' class='area' src='<?=$run->area->get_image($run->stage)?>'/>
<?php
                                        if ($run->stage > 0){
?>
                                            <span class='stage'><?=$run->stage?></span>
<?php
                                        }
                                        // TODO: Labyrinth difficulty
                                        if (in_array($run->area->id, $SCENARIO)){
?>
                                            <span class='difficulty'>
<?php
                                                for ($i = 0; $i < $run->difficulty; $i ++){
?>
                                                    <img class='difficulty' src='<?=$path["img"]["icon"]?>star.png'/>
<?php
                                                }
?>
                                            </span>
<?php
                                        }
?>
                                    </div>
                                </td>
                                <td class='date'>
<?php
                                    $date = date_create($run->dtime);
?>
                                    <?=date_format($date, "Y/m/d H:i:s")?>
                                </td>
                                <td class='team'>
<?php
                                    if ($run->helper == 1){
                                        $enable_save = false;
?>
                                        <div class='monster_panel helper'>
                                            <img class='monster' title='Friend/Menstor' src='<?=$path["img"]["currency"]?>socialpoint.png'/>
                                        </div>
<?php
                                    }
                                    foreach ($run->party as $party){
                                        if ($party instanceof K_Unit){
                                            $enable_save = false;
                                            $disabled = "disabled";
                                        }
                                        else{
                                            $disabled = "";
                                        }
                                        if ($disabled == ""){
?>
                                            <a target='_blank' href='/<?=$UID?>>/monster/<?=$party->id?>'>
<?php
                                        }
?>
                                        <div class='monster_panel <?=$disabled?>'>
                                            <?=html_unit_panel($party)?>
                                        </div>
<?php
                                        if ($disabled == ""){
?>
                                            </a>
<?php
                                        }
                                    }
?>
                                </td>
                                <td class='time'>
<?php
                                    if ($run->win == 1){
                                        $s = floor($run->time / 1000);
                                        $m = floor($s / 60);
                                        $s = floor($s % 60);
                                        $ms = ($run-> time - (1000 * 60 * $m) - (1000 * 60 * $s) / 100);
                                        $s = str_pad($s, 2, '0', STR_PAD_LEFT);
                                        $ms = str_pad($ms, 2, '0', STR_PAD_LEFT);
?>
                                        <?=$m?>:<?=$s?><span class='ms'>.<?=$ms?></span>
<?php
                                    }
                                    else{
?>
                                        <span class='defeated'>Defeated</span>
<?php
                                    }
?>
                                </td>
                                <td class='reward'>
<?php
                                    if ($run->energy > 0){
?>
                                        <div class='item'>
                                            <img class='item' title='Energy' src='<?=$path["img"]["currency"]?>energy.png'/>
                                            <span class='item'><?=$run->energy?></span>
                                        </div>
<?php
                                    }
                                    if ($run->mana > 0){
?>
                                        <div class='item'>
                                            <img class='item' title='Mana' src='<?=$path["img"]["currency"]?>mana.png'/>
                                            <span class='item'><?=$run->mana?></span>
                                        </div>
<?php
                                    }
                                    if ($run->crystal > 0){
?>
                                        <div class='item'>
                                            <img class='item' title='Crystal' src='<?=$path["img"]["currency"]?>crystal.png'/>
                                            <span class='item'><?=$run->crystal?></span>
                                        </div>
<?php
                                    }
                                    foreach ($run->unit as $unit){
?>
                                        <div class='item'>
                                            <img class='item' title='<?=$unit->title?>' src='<?=$unit->get_image()?>'/>
                                        </div>
<?php
                                    }
                                    foreach ($run->item as $item){
?>
                                        <div class='item'>
                                            <img class='item' title='<?=$item->name?>' src='<?=$item->get_image()?>'/>
                                            <span class='item'><?=$item->amount?></span>
                                        </div>
<?php
                                    }
                                    foreach ($run->sd as $sd){
?>
                                        <div class='item'>
                                            <img class='item' title='<?=$sd->unit->title?>' src='<?=$sd->unit->get_image()?>'/>
                                            <img class='item' title=' ' src='<?=$path["img"]["misc"]?>mask-sd.png'/>
                                        </div>
<?php
                                    }
                                    foreach ($run->unit_piece as $piece){
?>
                                        <div class='item'>
                                            <img class='item' title='<?=$piece->unit->title?>' src='<?=$piece->unit->get_image()?>'/>
                                            <img class='item' title=' ' src='<?=$path["img"]["misc"]?>mask-piece.png'/>
                                            <span class='item'><?=$piece->quantity?></span>
                                        </div>
<?php
                                    }
                                    if ($run->shapeshifting > 0){
?>
                                        <div class='item'>
                                            <img class='item' title='Shapeshifting Stones' src='<?=$path["img"]["currency"]?>costumestone.png'/>
                                            <span class='item'><?=$run->shapeshifting?></span>
                                        </div>
<?php
                                    }
                                    foreach ($run->rune as $rune){
?>
                                        <div class='item item_rune'>
                                            <img class='item' title='Rune' src='<?=$path["img"]["rune"]?>base.png'/>
                                            <?=html_rune_table($rune)?>
                                        </div>
<?php
                                    }
?>
                                </td>
                                <td class='action'>
<?php
                                    if ($enable_save){
?>
                                        <img alt='Save Team' class='save_team' onclick='saveForm(<?=$run->id?>, true);' src='<?=$path["img"]["icon"]?>save.png'/>
<?php
                                    }
?>
                                </td>
                            </tr>
<?php
                        }
?>
                    </table>
                </article>
            </section>
            <section id='save_team' class='content'>
                <h2>
                    Save run
                </h2>
                <article>
                    <input id='save_id' type='hidden' value=''/>
                    <table>
                        <tr>
                            <td class='save_title'>
                                Name
                            </td>
                            <td class='save_values'>
                                <input type='text' id='save_team_name' name='name'/>
                            </td>
                        </tr>
                        <tr>
                            <td class='save_title'>
                                Description
                            </td>
                            <td class='save_values'>
                                <textarea id='save_team_description' name='description'></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td colspan='2'>
                                <input type='button' value='Save' onClick='saveTeam();'/>
                                <input type='button' value='Close' onClick='saveForm(null, false);'/>
                            </td>
                        </tr>
                    </table>
                </article>
            </section>
<?php
        include __DIR__ . "/inc/footer.php";
?>
    </body>
</html>
