Übersicht Ordner / Unterordner / Dateiverzeichnis

[mxsmr]

Hallo allerseits,

ich bin ein PHP Neuling und meine Web-Programmier Kenntnisse sind generell recht überschaubar.

Mit folgendem Problem schlag ich mich rum:
Ich möchte eine Webseite erstellen die einen Ordner ausliest eine Übersichtseite erstellt und links hinterlegt. Hier zunächst die Ordnerstruktur

index.html
content.php
/content
--/Ordner_Kategorie1
--/Ordner_Kategorie2
------kategorie.html
------kategorie.png
------/Ordner_Rubrik1
-----------rubrik.html
-----------rubrik.png
-----------/weitere Unterordner
------/Ordner_Rubrik2
------/Ordner_Rubrik3
--/Ordner_Kategorie2

Auf der Startseite soll nun der Ordner /content/ auf der ersten Ebene durchsucht werden und die Verzeichnisse verlinken ("Linkname: Details") und ein Image (Kategorie.png) einbinden.

Klick auf Details --> /content/Ordner_KategorieN/Kategorie.html
Klick auf Kategorie.png--> Auflistung der Unterordner zu der Kategorie, Einbindung eines Images(rubrik.png) mit Verlinkung
Klick auf Rubrik.png --> Rubrik.html

Folgende angehängte Grafik verdeutlicht den Aufbau nochmals!

Mein bisheriger Code mit dem ich den Ordner /content/ schon mal auslesen kann. (auf die wichtigsten Punkte reduziert)

function projectoverview ($contentdir){
                    
if (false === is_dir($contentdir)) {
return false;
}
                    
$contentfiles = scandir($contentdir);
                    
foreach (new DirectoryIterator($contentdir) as $file) {
    if ($file->isDot()) continue;
    if ($file->isDir()) {
    
        //Vor _kategorie ist der kategoriename - dieser wird hier geschnitten 
    $stringposition = strpos($file, "_kategorie");
    $kategoriename= substr($file, 0, $stringposition);
                        
    //Speichern des Pfades zu einer kategoriename. Von hier aus bei Klick auf Image Rubrikübersicht zu einer kategorie. 
    $kategoriedir = $contentdir.$file;

//html ausgabe
?>
                    
<div class="contentInfo"> 
    <a href="">
    <img src="<?php echo $kategoriedir."/kategorie.png"?>" width="200px"></a><br>
    <a href="<?php echo $kategoriedir."/kategorie.html";?>">Details</a><br>
    <p class="prContent"><?php echo $kategoriename; ?> </p> 
</div>          
<?php
                
}
}
};    
?>

Mit Sicherheit ist der Code nicht perfekt.
Mir geht es zunächst nur darum wie ich nun zu einer Kategorie nach Klick auf ein Kategorie.png eine Rubrikübersicht bekomme.
Kann irgendwie an das Image ein onclick-Event angehängt werden, das eine Funktion aufruft und den Kategoriedir übergibt?

Die Übersichtseite soll über die index.html (oberste Ebene) aufgerufen werden und alles auf der obersten Ebene abgehandelt werden, da die Ordner in Content sich verändern können.

Ist PHP hier überhaupt geeignet?

Danke für Eure Hinweise, Hilfen und Ratschläge.

Viele Grüße,
MX