<?php session_start();
include_once("cestmoi/main.php");

include_once("includes/eggs.php");
include_once("includes/texts.php");
include_once("includes/mainRequestsHandler.php");

$page = __FILE__;
$pageTitle = $_TXT_NAV_CREAS;
$pageDescription = $_TXT_CREAS_H1;

include_once("includes/parts/head.php");
print_egg(basename($page));
include_once("includes/parts/header.php");
print_egg(basename($page));

$_CREA_EXAMPLE = [
    [
        ["lien/image.jpg"],
        ["", ""],
        [[["lien", "link"], "https://magictintin.fr/"]]
    ],
];

$_3D = [
    [
        ["3D/rocketbysun.jpg"],
        ["Lanceur spatial FLEMA", "FLEMA space launcher"],
        []
    ],
    [
        ["3D/archedon.jpg", "3D/archedon1.jpg", "3D/archedon_destroying_asteroids.jpg"],
        ["Vaisseau Archedon", "Archedon spaceship"],
        []
    ],
    [
        ["3D/EnduranceFiat1.jpg", "3D/blackhole.jpg"],
        ["Interception soon", "Interception soon"],
        []
    ],
    [
        ["3D/baselaunchday.jpg", "3D/baselaunchsunset.jpg"],
        ["Pas de tir de Poweria", "Poweria launchpad"],
        []
    ],
    [
        ["3D/sos911.jpg"],
        ["Une blague ~~de mauvais goût~~", "A ~~bad~~ joke"],
        [[["lien", "link"], "https://www.youtube.com/watch?v=dQw4w9WgXcQ"]],
        "HIDDEN"
    ],
    [
        ["3D/poweria.jpg"],
        ["Lanceur Poweria", "Poweria launcher"],
        []
    ],
    [
        ["3D/smi-3b.jpg"],
        ["Vaisseau SMI-3B", "SMI-3B spacecraft"],
        []
    ],
    [
        ["3D/zmx-16.jpg", "3D/zmx-16_iso.jpg", "3D/zmx-16_front.jpg", "3D/zmx-16_side.jpg", "3D/zmx-16_top.jpg"],
        ["ZMX-16", "ZMX-16"],
        []
    ],
    [
        ["3D/map_onetile.jpg", "3D/map_ru.jpg"],
        ["Map d'un jeu indé 2D", "Indie 2D game map"],
        [[["lien", "link"], "https://igs.baptiste-reb.fr/"]]
    ],
    [
        ["3D/kawanground.jpg"],
        ["Paysage mesa", "Mesa landscape"],
        []
    ],
    [
        ["3D/cargo.jpg"],
        ["Cargo spatial", "Space cargo"],
        []
    ],
    [
        ["3D/par64.jpg"],
        ["PAR64", "PAR64"],
        [],
        "HIDDEN"
    ],
    [
        ["3D/kawan.jpg", "3D/kawan2.jpg"],
        ["Planète Kawan", "Kawan planet"],
        []
    ],
    [
        ["3D/decaze_old.jpg"],
        ["Vieille photo d'une zone minière de l'espace", "Old photo of a space mining area"],
        [],
        "HIDDEN"
    ],
    [
        ["3D/neoncatLeft.jpg", "3D/neoncat.jpg", "3D/neoncatRight.jpg"],
        ["Fond d'écran vaisseau Neoncat", "Neoncat spaceship wallpaper"],
        []
    ],
    [
        ["3D/neoncat_interior.jpg", "3D/neoncat_garagevertical.jpg"],
        ["Interieur du Neoncat et garage", "Neoncat interior and garage"],
        []
    ],
    [
        ["3D/lovemarmots1.jpg", "3D/lovemarmots_suspended.jpg"],
        ["Porte clés marmotte", "Marmot keychains"],
        [[["lien", "link"], "https://makerworld.com/en/models/1687768-cute-magnetic-heart-marmot-keychains"]]
    ],
];

$_PHOTO = [
    [
        ["photos/neowise_1.jpg", "photos/neowise_2.jpg", "photos/neowise_3.jpg"],
        ["Comète Neowise F3", "Comet Neowise F3"],
        []
    ],
    [
        ["photos/lps_enit_3.jpg", "photos/lps_enit_6.jpg"],
        ["Tournage La Perche Son", "La Perche Son filming"],
        []
    ],
    [
        ["s_cine.jpg", "s_code.jpg", "s_model.jpg", "s_music.jpg", "s_sound.jpg"],
        ["Photos pour ce site", "Photos for this website"],
        []
    ],
    [
        ["photos/hf2022_lightning.jpg", "photos/hf2023.jpg", "photos/hf2023_flames.jpg", "photos/Jinjer_2712.jpg", "photos/Jinjer_2723.jpg", "photos/Jinjer_2728.jpg"],
        ["Concerts", "Concerts"],
        []
    ],
    [
        ["photos/fruitiere.jpg", "photos/fruitiere_cascade.jpg"],
        ["Pyrénées", "Pyrénées"],
        []
    ],
    [
        ["photos/chalinedrogue2.jpg"],
        ["Chaline", "Chaline is watching you"],
        []
    ],
    [
        ["photos/fuitetaxi.jpg"],
        ["Groupe TAXI", "TAXI band"],
        []
    ],
    [
        ["photos/roger.jpg", "photos/roger_le_con.jpg"],
        ["Roger", "Roger"],
        []
    ],
    [
        ["photos/marmots.jpg"],
        ["Marmottes", "Marmots"],
        []
    ],
    [
        ["photos/moto1.jpg", "photos/moto2.jpg"],
        ["Course de motos nocturne", "Night motorcycle race"],
        []
    ],
    [
        ["photos/montageeclairs.jpg"],
        ["Nuit d'éclairs", "Thunderstorm night"],
        []
    ],
    [
        ["photos/sunset.jpg"],
        ["Coucher de soleil", "Sunset"],
        []
    ],
    [
        ["photos/themoon.jpg"],
        ["LA LUUUUNNNEEE", "THE MOOOOOON"],
        []
    ],
];

$_VIDEO = [];

$_MUSIC = [];

$_LOGOS = [
    [
        ["icon.png"],
        ["MagicTINTIN", "MagicTINTIN"],
        [[["lien", "link"], "https://magictintin.fr/"]]
    ],
    [
        ["projets/0xy.png"],
        ["0xy.fr", "0xy.fr"],
        [[["lien", "link"], "https://0xy.fr/"]]
    ],
    [
        ["projets/chrisk.png"],
        ["Chris Keyboards", "Chris Keyboards"],
        [] # TODO: create dedicated subwebsite
    ],
    [
        ["projets/laperche.png"],
        ["La Perche Son", "La Perche Son"],
        [[["lien", "link"], "https://lapercheson.org/"]]
    ],
    [
        ["projets/savon.png"],
        ["Savon", "Soap"],
        []
    ],
    [
        ["logos/softplus.png"],
        ["Softplus", "Softplus"],
        [[["lien", "link"], "https://softplus.fr/"]]
    ],
    [
        ["projets/cs_clavardons.png", "projets/cs_jirsend_logo.png", "projets/cs_chatpendantV1.png"],
        ["Outils de clavardage Clavardons, JIRSend et ChatPendant", "Clavardons, JIRSend and ChatPendant chatsystems"],
        []
    ],
    [
        ["projets/micasend.png"],
        ["MicaSend", "MicaSend"],
        []
    ],
    [
        ["logos/cosmocats.png"],
        ["Cosmocats", "Cosmocats"],
        []
    ],
    [
        ["logos/gogole.png"],
        ["Gogole", "Gogole"],
        []
    ],
    [
        ["logos/thenewpoubelle02.jpg"],
        ["Clippy poubelle", "Poubelle clippy"],
        []
    ],
    [
        ["projets/mdr.png"],
        ["M.D.R", "L.O.L"],
        []
    ],
    [
        ["logos/bix.png"],
        ["Bix", "Bix"],
        []
    ],
    [
        ["projets/immatricat.png"],
        ["Immatrichat", "Immatricat"],
        [[["lien", "link"], "https://statistiques-plaques-immatriculation-voitures-lituaniennes.magictintin.fr/"]]
    ],
    [
        ["projets/colors.png"],
        ["C.O.L.O.R.S", "C.O.L.O.R.S"],
        [[["lien", "link"], "https://colors.softplus.fr/"]]
    ],
    [
        ["logos/4l.png"],
        ["Des racines et des 4L", "Des racines et des 4L"],
        []
    ],
    [
        ["logos/cogitarius.png"],
        ["Cogitarius", "Cogitarius"],
        []
    ],
    [
        ["logos/ps.png"],
        ["Paintoshop", "Paintoshop"],
        []
    ],
    [
        ["projets/bfppIcon.png", "projets/bfcompilerIcon.png"],
        ["Brainfuck++ et compilateur en ligne de Brainfuck", "Brainfuck++ and Brainfuck online compiler"],
        []
    ],
    [
        ["logos/cpoi.png", "logos/gita.png"],
        ["CPOI et GITA", "CPOI and GITA"],
        [[["CPOI", "CPOI"], "https://c.0xy.fr/"], [["GITA", "GITA"], "https://g.0xy.fr/"]]
    ],
    [
        ["logos/pixedelic.jpg"],
        ["Pixedelic", "Pixedelic"],
        []
    ],
    [
        ["projets/taxonoviz.png"],
        ["Taxonoviz", "Taxonoviz"],
        []
    ],
    [
        ["projets/ept.png"],
        ["Engin Pas Tangible", "Intangible machine"],
        []
    ],
    [
        ["logos/taxilogotshirt1.png"],
        ["Planète TAXI", "TAXI planet"],
        []
    ],
    [
        ["logos/ckc.jpg"],
        ["Parodie CKC", "CKC parody"],
        []
    ],
    [
        ["logos/llas.jpg"],
        ["Équipe RootMe LLAS", "RootMe team LLAS"],
        []
    ],
    [
        ["logos/dissonnants.png"],
        ["Groupe Les Dissonants", "The Dissonants band"],
        []
    ],
    [
        ["logos/cfrgW.jpg"],
        ["CFRG", "CFRG"],
        []
    ],
    [
        ["logos/alc.png"],
        ["ALC ProduXion", "ALC ProduXion"],
        []
    ],
];

function creas2html($creas, $prefix, $type, int $cols_or_size = 300): void
{
    global $_EGG_1989TO1999;
    echo "<input class='lb-toggle' type='radio' name='lightbox' id='img_" . $prefix . "_none' checked style='position:absolute;left:-9999px;'>";
    if ($_EGG_1989TO1999)
        echo "<section>";
    elseif ($cols_or_size > 20)
        echo "<section class='galery' style='column-width: {$cols_or_size}px; column-count: auto;'>";
    else
        echo "<section class='galery' style='column-count: {$cols_or_size};'>";
    foreach ($creas as $key => $value) {
        if (isset($value[3]) && $value[3] == "HIDDEN") echo "<!--";
        echo "<article class='creation'>";
        if ($type == "IMG")
            photocrea($prefix, $key, $value);
        echo "</article>";
        if (isset($value[3]) && $value[3] == "HIDDEN") echo "-->";
    }
    echo "</section>";
}

function print_og_photo($src): void
{
    echo "<img loading='lazy' class=\"cImg\" src='" . $src . "' alt='' width='20%' height='auto'>";
}

function print_photo($id, $src, $crea, $pre): void
{
    echo "<label class='thumb' for='$id' tabindex='0'>";
    echo "<img loading='lazy' class=\"cImg\" src='" . $src . "' alt=''>";
    echo "</label>\n";

    echo "<input class='lb-toggle' type='radio' name='lightbox' id='$id' style='position:absolute;left:-9999px;'>";

    // overlay shown only when this radio is checked
    echo "<div class='lightbox'>";
    echo "  <div class='lightbox-inner'>";
    echo "    <label class='lb-close' for='img_" . $pre . "_none' aria-label='Close'>&times;</label>";
    echo "    <img class='lb-img' src='{$src}' alt=''>";
    echo "    <div class='lb-caption'>" . htmlspecialchars(gtxt($crea[1]), ENT_QUOTES) . "</div>";
    echo "  </div>";
    // background clickable area
    echo "  <label class='lb-backdrop' for='img_" . $pre . "_none'></label>";
    echo "</div>\n";
}

function photocrea($pre, $batch, $crea): void
{
    global $_EGG_1989TO1999;
?>
    <figure class="minigallery">
        <?php
        foreach ($crea[0] as $merde => $image) {
            $id = 'img_' . $pre . '_s' . $batch . '_' . $merde;
            $src = "images/" . htmlspecialchars($image, ENT_QUOTES);
            if ($_EGG_1989TO1999)
                print_og_photo($src);
            else
                print_photo($id, $src, $crea, $pre);
        }
        ?>
    </figure>

    <div class="creationDescription">
        <p><?php
            ptxt($crea[1]);
            foreach ($crea[2] as $key => $link) {
                echo " <a target=\"_blank\" href=\"" . htmlspecialchars($link[1], ENT_QUOTES) . "\" class=\"clink\">&lt;" . gtxt($link[0]) . "&gt;</a>";
            }
            ?></p>
    </div>
<?php
}
?>

<main>
    <h1><?php ptxt($_TXT_CREAS_H1) ?></h1>

    <h2><?php ptxt($_TXT_CREAS_H2_3D) ?></h2>
    <?php creas2html($_3D, gtxt($_TXT_CREAS_H2_3D), "IMG") ?>


    <h2><?php ptxt($_TXT_CREAS_H2_PHOTO) ?></h2>
    <?php print_egg(basename($page)); ?>
    <?php creas2html($_PHOTO, gtxt($_TXT_CREAS_H2_PHOTO), "IMG") ?>

    <!-- <h2><?php ptxt($_TXT_CREAS_H2_VIDEO) ?></h2> -->
    <?php creas2html($_VIDEO, gtxt($_TXT_CREAS_H2_VIDEO), "VIDEO") ?>
    <?php print_egg(basename($page)); ?>


    <!-- <h2><?php ptxt($_TXT_CREAS_H2_MUSIC) ?></h2> -->
    <?php creas2html($_MUSIC, gtxt($_TXT_CREAS_H2_MUSIC), "MUSIC") ?>


    <h2><?php ptxt($_TXT_CREAS_H2_LOGOS) ?></h2>
    <?php creas2html($_LOGOS, gtxt($_TXT_CREAS_H2_LOGOS), "IMG", 150) ?>

</main>
<?php print_egg(basename($page)); ?>
<?php
include_once("includes/parts/footer.php");
include_once("includes/parts/foot.php");
?>