<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <!--<link href="css/peak.css?x=<?php echo rand();?>" rel="stylesheet">-->
    <script type="text/javascript" src="js/DragDropTouch.js"></script>
    <script type="text/javascript" src="peak.js"></script>
</head>
<body>
    <div id='info'></div>
<?php
error_reporting(E_ALL);
ini_set("display_errors", 1);

require('css/peak.css.php');
require('util.php');
$tree_location='data/trees';

$trees=[ // les arbres et le nom du fichier correspondant
    'folders' => 'All Tasks',
    'InProgress'=>'In Progress',
    'directories'=>'Paused',
    'UnderReview'=>'Under Review',
    'Completed'=>'Completed'];

echo "<div class='container'>";

foreach($trees as $key=>$value){
    global $tree_location;
    echo "
    <div id='$key' class='tree'>
        <h1>$value</h1>
        <div class='taskbar'>
            <button onclick=\"alert('test 1');\">
                test1
            </button>
            <button onclick=\"alert('test 2');\">
                test2
            </button>
        </div>";
    if (is_dir("data/$key"))
        {
        chdir('data');
        load_folder($key);
        chdir('..');
        }
    else
        {
        echo load_tree(getcwd()."/$tree_location/$key");
        }
    echo "</div>";
}

?>
</div>
</body>
</html>
