<?php

    include '../src/HTML5.php';
    use Canteen\HTML5\HTML5;

    HTML5::autoload(); // Autoload the classes, helpful if using outside composer
    HTML5::useGlobal(); // if you want to use the global html() method instead of namespaced one

    use Canteen\HTML5\Document;
    use Canteen\HTML5\SimpleList;
    use Canteen\HTML5\Table;

    // Create a new document
    $doc = new Document('Test Document');
    $doc->beautify = true;

    // Add a link to the page
    $link = html('a#google.external rel=external', 'Link', 'class="test something" target=blank rel=test');
    $link->href = 'http://google.com';
    $link->onclick = "return confirm('Navigate away?');";
    $link->appendTo($doc->body);

    // Create an unordered list for an array of items
    // the array can be other html elements or text
    $list = new SimpleList(
        array(
            html('b', 'first'),
            'second',
            'third',
            array(
                'sub-third',
                'sub-forth'
            )
        )
    );
    $list->appendTo($doc->body);

    // Create a sample table with some rows of dummy data
    $table = new Table(
        array(
            array('id'=>1, 'first'=>'James', 'last'=>'Smith'),
            array('id'=>2, 'first'=>'Mary', 'last'=>'Denver'),
            array('id'=>3, 'first'=>'Charlie', 'last'=>'Rose')
        ),
        array('ID', 'First Name', 'Last Name')
    );

    // We'll set some of the table properties
    $table->style = 'border:1px solid black';
    $table->border = 0;
    $table->id = 'people';
    $table->appendTo($doc->body);

    // Output the result formatted nice with indents
    echo $doc;