<?php

declare(strict_types=1);

require_once('../autoload.php');

$webpage = new SectionWebPage();

$webpage->setTitle('Ma première page Web objet qui gère les sections');

//$webpage->appendCssUrl('https://iut-info.univ-reims.fr/users/cutrona/intranet/but/s2/php-webpage/tests/style.css');
$webpage->appendCssUrl('http://cutrona/but/s2/php-webpage/tests/style.css');

$webpage->appendCSS(
    <<<CSS
    #css-inline-test {
      background-color: darkgreen !important;
    }
CSS
);

//$webpage->appendJSUrl('https://iut-info.univ-reims.fr/users/cutrona/intranet/but/s2/php-webpage/tests/script.js');
$webpage->appendJSUrl('http://cutrona/but/s2/php-webpage/tests/script.js');
$webpage->appendJS(
    <<<JAVASCRIPT
    window.addEventListener('load', function () {
        document.querySelector('#js-inline-test').style = 'background-color: darkgreen';
    });
JAVASCRIPT
);

$webpage->appendCSS(
    <<<CSS
    h2 a.bookmark {
        opacity: .2;
        float: right;
        padding-right: 10px;
    }
    section .section {
        padding: 0.3em;
        border: solid 1px black;
        border-radius : 5px;
        text-align: justify;
    }
CSS
);

$webpage->appendContent(
    <<<HTML
    <h1>{$webpage->getTitle()}</h1> 
    <header>
        <div style="color: white;">
            <div id="js-url-test" style="background-color: darkred;">JavaScript URL</div>
            <div id="js-inline-test" style="background-color: darkred;">JavaScript inline</div>
        </div>
        <div style="color: white;">
            <div id="css-url-test" style="background-color: darkred;">CSS URL</div>
            <div id="css-inline-test" style="background-color: darkred;">CSS inline</div>
        </div>
        <p>Votre <code>SectionWebPage</code> doit produire un menu et l'ensemble des sections.
    </header>
HTML
);

$s = $webpage->escapeString('<section>.');

$webpage->appendSection(
    'Première section en PHP objet',
    <<<HTML
    <p>Ceci est la première <code>$s</code>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque quis massa a tempor. Proin vitae consectetur justo. Curabitur molestie, nulla sit amet sagittis condimentum, libero odio sodales nibh, ut faucibus eros nulla vitae orci. Vivamus molestie lectus ultrices rhoncus tincidunt. Fusce nec mauris nec lacus egestas blandit at quis ex. Mauris quis malesuada risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent eget volutpat purus. In tempor nisl eu leo feugiat aliquam. Nulla condimentum ut ante et ultricies. Maecenas consequat suscipit massa id luctus. Aenean enim lorem, tempor sed turpis id, suscipit vestibulum orci.

<p>Duis ut pellentesque purus, vel semper urna. Mauris varius aliquet est a accumsan. Duis tincidunt nec quam sed hendrerit. Nullam posuere dolor nec urna malesuada hendrerit. Nunc nisi massa, ullamcorper a metus placerat, dictum tincidunt massa. Nullam dolor erat, mollis ut eros sit amet, bibendum luctus mauris. Mauris non felis dignissim, congue diam vitae, sollicitudin massa. Vestibulum pharetra blandit arcu, nec fringilla lorem auctor mattis. Aliquam ultrices pretium elementum. Aenean venenatis purus vitae quam consectetur tincidunt.
HTML
);

$webpage->appendSection(
    'Deuxième section en PHP objet',
    <<<HTML
<p>Vivamus aliquam consectetur molestie. Morbi luctus eget diam at tristique. Duis vel augue hendrerit, gravida nisl quis, viverra quam. Aliquam aliquet at eros in bibendum. Sed aliquam neque quam, ut finibus felis consectetur non. Aliquam ac tellus in nulla bibendum dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vitae enim euismod enim finibus rhoncus ac ut risus. Pellentesque suscipit feugiat consequat. Maecenas a diam non tortor interdum gravida nec sed erat. In tincidunt nibh quis lectus rhoncus euismod. Nulla non hendrerit nibh. Sed efficitur molestie tortor, in auctor velit euismod lobortis. Nam pretium odio venenatis nisi consequat elementum. Aenean quis venenatis lorem. Phasellus pretium feugiat pharetra.

<p>Aenean tellus tortor, semper sed pretium a, varius quis velit. In aliquet ullamcorper laoreet. Integer iaculis quis quam sed dapibus. Nulla facilisi. Sed gravida purus ac turpis bibendum eleifend. Duis urna felis, egestas sit amet enim a, facilisis commodo justo. Sed eget nulla sollicitudin, elementum enim vitae, semper nulla. Vivamus vestibulum orci ut mauris eleifend laoreet. Ut fringilla volutpat consectetur. Duis eget elit in lacus commodo dictum eget vitae nunc. Praesent efficitur semper urna at mattis. Quisque eu efficitur nulla, non faucibus mi. Suspendisse est magna, elementum id luctus at, vulputate a risus. Proin vehicula eros mi. Aliquam tincidunt tincidunt sapien ut accumsan. Duis et ante fringilla, dapibus nisi at, venenatis sem.

<p>Praesent a lorem vel dui fermentum semper. Etiam condimentum enim est, non venenatis dolor ullamcorper quis. Duis sit amet quam augue. Cras scelerisque, ante sed molestie tincidunt, justo diam vehicula est, sit amet fermentum tellus magna vel dolor. Aenean id libero semper, pretium mauris id, congue dui. Nam eget placerat diam, sed faucibus nisi. Aliquam consectetur mauris a erat finibus, ut ultricies justo feugiat. Morbi a justo a odio dictum accumsan. Duis tellus neque, blandit a venenatis eget, consequat vitae ex. Ut congue lobortis odio, ac rutrum est efficitur non. Vivamus tempus accumsan mauris, id aliquam nunc luctus vel. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris consectetur porttitor neque ut lobortis. Suspendisse lobortis dui iaculis purus suscipit pellentesque. Nunc sagittis, purus id mollis suscipit, velit elit condimentum ligula, eu suscipit nibh nibh eget arcu.
HTML
);

$webpage->appendSection(
    'Troisième section en PHP objet',
    <<<HTML
<p>Quisque molestie bibendum sapien, ut varius libero ullamcorper sit amet. Quisque pharetra lacinia varius. Proin lobortis, quam eget ultricies rutrum, metus enim condimentum lacus, egestas dapibus turpis neque nec nunc. Nullam nec nisl vel massa rhoncus iaculis. Phasellus massa diam, porttitor tristique eros sit amet, mollis eleifend ex. Suspendisse potenti. Donec vel lectus porta, interdum lacus id, placerat eros. Ut sit amet scelerisque nibh. Morbi lacinia odio et ex lobortis finibus. Donec hendrerit augue non neque facilisis, in facilisis mi pretium. Vestibulum interdum eleifend tortor, at tincidunt sapien gravida a. Ut ut varius diam, sed interdum sem.

<p>Aliquam feugiat nisi purus, sed lacinia metus imperdiet ut. Sed sed pulvinar nunc, et semper justo. Quisque sed diam quam. Aliquam erat volutpat. Quisque at diam in nunc placerat tristique. Nullam mattis sagittis lobortis. Pellentesque rhoncus, purus eu auctor condimentum, erat diam consequat tellus, sodales fringilla sem lacus a nunc. Suspendisse iaculis quam quis odio posuere suscipit. In sodales felis ac nisi dignissim sodales. Aenean euismod neque nec porttitor bibendum.

<p>Mauris venenatis dignissim diam, vel egestas orci aliquam quis. Duis ut arcu at lorem pharetra pellentesque non sed dui. Praesent rhoncus lectus pellentesque enim porta, in volutpat nibh pellentesque. Sed leo nibh, sagittis in finibus ac, imperdiet sit amet sem. Maecenas eu ipsum et enim vestibulum tincidunt eu eget diam. In sed libero quis elit vestibulum volutpat. Suspendisse at fringilla nulla, sit amet rutrum eros. Donec et justo accumsan, accumsan nibh sit amet, congue velit. Duis at erat eu elit hendrerit pretium. Mauris eu commodo dui. Suspendisse potenti. Vivamus ultricies mauris et neque aliquet, ut volutpat lectus vehicula. In a gravida risus, a vehicula sapien. Phasellus interdum dolor id lobortis pharetra. Sed iaculis blandit metus, eget tristique turpis luctus quis. Cras vitae rutrum nunc.
HTML
);

$webpage->appendSection(
    'Quatrième page Web en PHP objet !',
    <<<HTML
    <p>Vous êtes en train de lire ma première page Web écrite en <em>PHP objet</em>.
    <p>$s
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque quis massa a tempor. Proin vitae consectetur justo. Curabitur molestie, nulla sit amet sagittis condimentum, libero odio sodales nibh, ut faucibus eros nulla vitae orci. Vivamus molestie lectus ultrices rhoncus tincidunt. Fusce nec mauris nec lacus egestas blandit at quis ex. Mauris quis malesuada risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent eget volutpat purus. In tempor nisl eu leo feugiat aliquam. Nulla condimentum ut ante et ultricies. Maecenas consequat suscipit massa id luctus. Aenean enim lorem, tempor sed turpis id, suscipit vestibulum orci.

<p>Donec et mi hendrerit, pretium sapien a, gravida ex. Aliquam ut dictum lectus. Aliquam in urna non mauris aliquam rutrum sed id ex. Suspendisse posuere, dolor quis congue tristique, sapien nisi tristique quam, vitae fermentum tellus purus at metus. Suspendisse laoreet, neque vitae pellentesque tincidunt, enim enim sagittis felis, sed lobortis ex sem aliquam nulla. Mauris ipsum enim, maximus sit amet velit sed, finibus luctus metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris faucibus sollicitudin tortor, at dignissim risus suscipit quis. Mauris egestas, est et consectetur aliquam, lorem risus interdum quam, ac venenatis nibh lacus et mauris.

<p>Duis ut pellentesque purus, vel semper urna. Mauris varius aliquet est a accumsan. Duis tincidunt nec quam sed hendrerit. Nullam posuere dolor nec urna malesuada hendrerit. Nunc nisi massa, ullamcorper a metus placerat, dictum tincidunt massa. Nullam dolor erat, mollis ut eros sit amet, bibendum luctus mauris. Mauris non felis dignissim, congue diam vitae, sollicitudin massa. Vestibulum pharetra blandit arcu, nec fringilla lorem auctor mattis. Aliquam ultrices pretium elementum. Aenean venenatis purus vitae quam consectetur tincidunt.
HTML
);

$webpage->appendSection(
    'Cinquième section en PHP objet',
    <<<HTML
<p>Vivamus aliquam consectetur molestie. Morbi luctus eget diam at tristique. Duis vel augue hendrerit, gravida nisl quis, viverra quam. Aliquam aliquet at eros in bibendum. Sed aliquam neque quam, ut finibus felis consectetur non. Aliquam ac tellus in nulla bibendum dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vitae enim euismod enim finibus rhoncus ac ut risus. Pellentesque suscipit feugiat consequat. Maecenas a diam non tortor interdum gravida nec sed erat. In tincidunt nibh quis lectus rhoncus euismod. Nulla non hendrerit nibh. Sed efficitur molestie tortor, in auctor velit euismod lobortis. Nam pretium odio venenatis nisi consequat elementum. Aenean quis venenatis lorem. Phasellus pretium feugiat pharetra.

<p>Aenean tellus tortor, semper sed pretium a, varius quis velit. In aliquet ullamcorper laoreet. Integer iaculis quis quam sed dapibus. Nulla facilisi. Sed gravida purus ac turpis bibendum eleifend. Duis urna felis, egestas sit amet enim a, facilisis commodo justo. Sed eget nulla sollicitudin, elementum enim vitae, semper nulla. Vivamus vestibulum orci ut mauris eleifend laoreet. Ut fringilla volutpat consectetur. Duis eget elit in lacus commodo dictum eget vitae nunc. Praesent efficitur semper urna at mattis. Quisque eu efficitur nulla, non faucibus mi. Suspendisse est magna, elementum id luctus at, vulputate a risus. Proin vehicula eros mi. Aliquam tincidunt tincidunt sapien ut accumsan. Duis et ante fringilla, dapibus nisi at, venenatis sem.

<p>Praesent a lorem vel dui fermentum semper. Etiam condimentum enim est, non venenatis dolor ullamcorper quis. Duis sit amet quam augue. Cras scelerisque, ante sed molestie tincidunt, justo diam vehicula est, sit amet fermentum tellus magna vel dolor. Aenean id libero semper, pretium mauris id, congue dui. Nam eget placerat diam, sed faucibus nisi. Aliquam consectetur mauris a erat finibus, ut ultricies justo feugiat. Morbi a justo a odio dictum accumsan. Duis tellus neque, blandit a venenatis eget, consequat vitae ex. Ut congue lobortis odio, ac rutrum est efficitur non. Vivamus tempus accumsan mauris, id aliquam nunc luctus vel. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris consectetur porttitor neque ut lobortis. Suspendisse lobortis dui iaculis purus suscipit pellentesque. Nunc sagittis, purus id mollis suscipit, velit elit condimentum ligula, eu suscipit nibh nibh eget arcu.
HTML
);

$webpage->appendSection(
    'Sixième section en PHP objet',
    <<<HTML
<p>Quisque molestie bibendum sapien, ut varius libero ullamcorper sit amet. Quisque pharetra lacinia varius. Proin lobortis, quam eget ultricies rutrum, metus enim condimentum lacus, egestas dapibus turpis neque nec nunc. Nullam nec nisl vel massa rhoncus iaculis. Phasellus massa diam, porttitor tristique eros sit amet, mollis eleifend ex. Suspendisse potenti. Donec vel lectus porta, interdum lacus id, placerat eros. Ut sit amet scelerisque nibh. Morbi lacinia odio et ex lobortis finibus. Donec hendrerit augue non neque facilisis, in facilisis mi pretium. Vestibulum interdum eleifend tortor, at tincidunt sapien gravida a. Ut ut varius diam, sed interdum sem.

<p>Aliquam feugiat nisi purus, sed lacinia metus imperdiet ut. Sed sed pulvinar nunc, et semper justo. Quisque sed diam quam. Aliquam erat volutpat. Quisque at diam in nunc placerat tristique. Nullam mattis sagittis lobortis. Pellentesque rhoncus, purus eu auctor condimentum, erat diam consequat tellus, sodales fringilla sem lacus a nunc. Suspendisse iaculis quam quis odio posuere suscipit. In sodales felis ac nisi dignissim sodales. Aenean euismod neque nec porttitor bibendum.

<p>Mauris venenatis dignissim diam, vel egestas orci aliquam quis. Duis ut arcu at lorem pharetra pellentesque non sed dui. Praesent rhoncus lectus pellentesque enim porta, in volutpat nibh pellentesque. Sed leo nibh, sagittis in finibus ac, imperdiet sit amet sem. Maecenas eu ipsum et enim vestibulum tincidunt eu eget diam. In sed libero quis elit vestibulum volutpat. Suspendisse at fringilla nulla, sit amet rutrum eros. Donec et justo accumsan, accumsan nibh sit amet, congue velit. Duis at erat eu elit hendrerit pretium. Mauris eu commodo dui. Suspendisse potenti. Vivamus ultricies mauris et neque aliquet, ut volutpat lectus vehicula. In a gravida risus, a vehicula sapien. Phasellus interdum dolor id lobortis pharetra. Sed iaculis blandit metus, eget tristique turpis luctus quis. Cras vitae rutrum nunc.
HTML
);

echo $webpage->toHTML();