<!-- see: https://github.com/spipu/html2pdf/blob/master/examples/res/example06.php -->
<style>
h3 {
    color: #990000;
    font-style: italic;
    display: block;
    margin-left: 32mm;
}
/*
table, th, td {
    border: 1px solid black;
}
*/
.aldus_example {
    width: 40mm;
    text-align: left;
    border-size: 1mm;
    border-color: #009900;
}
th.aldus_example_center {
    text-align: center;
    width: 40mm;
    text-align: left;
}
.aldus_right {
    text-align: right;
    background-color: #96D4D4;
    padding: 5mm;
}
</style>

<link type="text/css" href="[[ LEPTON_PATH ]]/modules/lib_html2pdf/example/simple_page.css" rel="stylesheet" />

<page footer="date,time" backtop="14mm" backbottom="14mm" backleft="10mm" backright="10mm" style="font-size: 12pt">
    <!-- Header - nur einmal definieren -->
    <page_header>
        <table class="page_header">
            <tr>
                <td style="width: 100%; text-align: center">
                    LEPTON-CMS Testpage ... <img src="[[ LEPTON_PATH ]]/modules/lib_html2pdf/img/logo.jpg" alt="" >
                </td>
            </tr>
        </table>
    </page_header>
    
    <!-- Footer - auch nur einmal definieren -->
    <page_footer style="font-family: 'Times', serif;font-style: italic">
        Seite [[page_cu]]/[[page_nb]] - [[date_d]].[[date_m]].[[date_y]] :: [[date_h]]:[[date_i]]:[[date_s]] 
    </page_footer>
    
    <!-- Begin content -->
    <bookmark title="MyPage 1" level="0" ></bookmark>
    <h3>Guten Tag.</h3>
    <p>Das hier ist Seite 1. von 3 Seiten in diesem Dokument.<br>
    Automatisch generiert von xxx.</p>
    <table class="page_header">
        <tr>
            <td class="aldus_example">A-1</td>
            <td class="aldus_example">B-1</td>
            <td class="aldus_example">C-1</td>
            <td class="aldus_example">D-1</td>
        </tr>
        <tr>
            <td>A-2</td>
            <td>B-2</td>
            <td>C-2</td>
            <td>D-2</td>
        </tr>
        <tr>
            <td>A-3</td>
            <td>B-3</td>
            <td>C-3</td>
            <td>D-3</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td></td>
            <td>C-4</td>
            <td>D-4</td>
        </tr>
    </table>
    <hr size='0.5mm'/>
    <table class="page_header">
        <tr>
            <th class="aldus_example_center">A</th>
            <th class="aldus_example_center">B</th>
            <th class="aldus_example_center">C</th>
            <th class="aldus_example_center">D</th>
        </tr>
        <tr>
            <td>A-1</td>
            <td>B-1</td>
            <td>C-1</td>
            <td>D-1</td>
        </tr>
    </table>
    <hr size='0.5mm'/>
    <table class="page_header">
        <tr>
            <th class="aldus_example">Name</th>
            <th class="aldus_example">Vorname</th>
            <th class="aldus_example">Date</th>
            <th class="aldus_example aldus_right">Value</th>
        </tr>
        <tr>
            <td>Wittgenstein</td>
            <td>Ludwig</td>
            <td>26.04.1889</td>
            <td class="aldus_right">12,34 €</td>
        </tr>
        <tr>
            <td>Adorno</td>
            <td>Theodor W.</td>
            <td>11.09.1903</td>
            <td class="aldus_right">38,99 €</td>
        </tr>
    </table>
</page>
<!-- Seite 2 -->
<page pageset="old">
    <bookmark title="MyPage 2" level="0" ></bookmark>
    <h3>Das ist Seite 2</h3>
    
    <p>Einfache Tabelle ohne Formatierung</p>
    <table class="aldus_example">
        <tr>
            <td>a.1</td>
            <td>a.2</td>
            <td>a.3</td>
        </tr>
        <tr>
            <td>b.1</td>
            <td>b.2</td>
            <td>b.3</td>
        </tr>
    </table>
    
    <h3>Formelements</h3>
    <!-- 
    <textarea>Aladin innerhalb einer Textarea</textarea>
    <input type="text" value="aladin in input" />
    <input type="hidden" value="aladin in hidden element" />
    <input type="checkbox" value="1" checked="checked"/>
    -->
    
    <h3>LEPTON Konstanten</h3>
    <table>
        <tr>
            <th style="width: 50mm;">Marker</th>
            <th>aktueller Wert</th>
        </tr>
        <tr>
            <td style="width: 50mm;">[[&nbsp;LEPTON_PATH&nbsp;]]</td>
            <td>[[ LEPTON_PATH ]]</td>
        </tr>
        <tr>
            <td style="width: 50mm;">[[&nbsp;LEPTON_URL&nbsp;]]</td>
            <td>[[ LEPTON_URL ]]</td>
        </tr>
        <tr>
            <td style="width: 50mm;">[[&nbsp;MEDIA_DIRECTORY&nbsp;]]</td>
            <td>[[ MEDIA_DIRECTORY ]]</td>
        </tr>
    </table> 
</page>
<!-- Seite 3 -->
<page pageset="old">
    <bookmark title="MyPage 3" level="0" ></bookmark>
    <h3>Das ist Seite 3</h3>
    <p>Untertitle</p>
    <table class="aldus_example">
        <tr>
            <td>a.1</td>
            <td>a.2</td>
            <td>a.3</td>
        </tr>
        <tr>
            <td>b.1</td>
            <td>b.2</td>
            <td>b.3</td>
        </tr>
    </table>
    <h4>Droplets</h4>
    <p class="droplet">lorem: <em>[[lorem]]</em></p>
    <table style="width: 150mm;">
        <tr>
            <td style="width: 25%;"></td>
            <td style="width: 50%; text-align: justify; padding: 4mm; line-height: 5.25mm; font-family: 'Times', serif;font-style: italic;">
                lorem2: [[lorem2?set=berthold&offset=2]]
            </td>
            <td style="width: 25%;"></td>
        </tr>
    </table>
    <p>year: <em>[[year]]</em></p>
    <p>format: <em>[[format?l=de&f=EEEE, 'der' d. MMMM YYYY '-' HH:mm 'Uhr' zzzz]]</em></p>
    <p>format: <em>[[format?l=fr&f=EEEE, 'paè' d. MMMM YYYY '-' HH:mm 'Uhr' zzzz]]</em></p>
</page>
<!-- -->
<page pageset="old">
    <bookmark title="Tables" level="0" ></bookmark>
    <table style="width: 180mm;">
        <tr>
            <td style="width: 30mm;font-family: 'Times', serif; height:20mm">
                [[lorem]]
            </td>
            <td style="width: 30mm;font-family: 'Courier', serif; height:20mm">
                [[lorem]]
            </td>
        </tr>
        <tr>
            <td colspan="2">
                [[lorem]]
            </td>
        </tr>
    </table>
</page>
    
