mail func added, post route added, more css

pages/contact/contact.php

@@ -1,7 +1,7 @@
 <link rel="stylesheet" href="/css/contact.css">
 <h1>Kontaktujte mě</h1>
 
-<form class="form_contact" action="#" method="post" name="contact">
+<form class="form_contact" action="/contact/send" method="post" name="contact">
 	<label for="name">Vaše jméno:</label>
 	<input id="name" type="text" placeholder="Petr Novák" required autocomplete="on" />
 
@@ -11,6 +11,45 @@
 	<label for="message">Zpráva:</label>
 	<textarea id="message" placeholder="Napište zprávu..." required></textarea>
 
-	<button type="submit">Odeslat zprávu</button>
+	<button type="button" id="submit">Odeslat zprávu</button>
 </form>
 
+<script>
+	const submit = document.querySelector("#submit")
+	submit.addEventListener("click", (e) => {
+		e.preventDefault()
+		
+		const formData = new FormData();
+		formData.append('name', document.querySelector("#name").value);
+		formData.append('email', document.querySelector("#email").value);
+		formData.append('message', document.querySelector("#message").value);
+
+		try {
+  			fetch('/contact/send', {
+    		method: 'POST',
+    		body: formData
+  		});
+  			console.log('Message sent successfully.')
+		} catch (err) {
+ 		 	console.error('Error:', error)
+		}
+	})
+</script>
+
+<?php
+if(isset($_POST['email']) && isset($_POST['message'])) {
+	$email = $_POST['email'];
+	$message = $_POST['message'];
+	$name = $_POST['name'];
+
+	require_once(__DIR__ . "/../../libraries/mail.php");
+	$message = "Nová zpráva z webu Fofrweb.com\n\nOdesílatel: $email\nZpráva:\n$message";
+	$m = new Mail($_POST['email'], 'tym@fofrweb.com', 'Nová zpráva z webu Fofrweb', $message);
+
+	if($m->send()) {
+		header('Location: /?sent=true');
+	} else {
+		echo "<p>Něco se nepovedlo, zkuste to znovu... :(</p>";
+	    echo "<a href='/'>Zpět</a>";
+	}
+}