Sending emails via contact form

I'm trying to get my contact form to send an email upon clicking submit but I get an error that it's trying to access a protected function so I change it to public function all it does is refresh the page.

Here is my ContactPresenter.php

<?php

declare(strict_types=1);

namespace App\Presenters;

use Nette;
use Nette\Application\UI\Form;
use Nette\Mail\Message;


final class ContactPresenter extends Nette\Application\UI\Presenter
{
    public function __construct(
        private Nette\Database\Explorer $database,
    ) {
    }

    public function renderShow(): void
    {
        $this->template->contact = $this->createComponentContactForm();
    }

    protected function createComponentContactForm(): Form
    {
        $form = new Form;
        $form->addText('name', 'Your name:')
            ->setRequired();
        $form->addEmail('email', 'Your e-mail:')
            ->setRequired();
        $form->addText('subject', 'Subject:')
            ->setRequired();
        $form->addTextArea('message', 'Message:')
            ->setRequired();
        $form->addSubmit('send', 'Send');
        $form->onSuccess[] = [$this, 'contactFormSucceeded'];
        return $form;
    }

    protected function contactFormSucceeded(\stdClass $data): void
    {
        $mail = new Message;

        $mail->setFrom($data->email)
            ->addTo('cupara@serenitydev.xyz')
            ->setSubject($data->subject)
            ->setBody($data->message);
    }

}

Here is my default.latte for the contact form

{block content}
<style>
    #container {
        width: 1000px;
        margin: 20px auto;
    }
    .ck-editor__editable[role="textbox"] {
        /* editing area */
        min-height: 200px;
    }
    .ck-content .image {
        /* block images */
        max-width: 80%;
        margin: 20px auto;
    }
    .ck-editor__editable_inline:not(.ck-comment__input *) {
        height: 300px !important;
        overflow-y: auto !important;
    }
</style>
<div id="editor">
    <div class="form" style="width: 100%">
        {form contactForm}
            <div class="form-group">
                <label n:name="name" />
                <input n:name="name" class="form-control" />
            </div>
            <div>&nbsp;</div>
            <div class="form-group">
                <label n:name="email" />
                <input n:name="email" class="form-control" />
            </div>
            <div>&nbsp;</div>
            <div class="form-group">
                <label n:name="subject" />
                <input n:name="subject" class="form-control" />
            </div>
            <div>&nbsp;</div>
            <div class="form-group">
                <label n:name="message" />
                <textarea n:name="message" id="data-editor" class="form-control" rows="10"></textarea>
            </div>
            <div>&nbsp;</div>
            <div class="form-group">
                <input name="submit" type="submit" class="btn btn-success">
            </div>
        {/form}
    </div>
</div>
<div>&nbsp;</div>
{/block}

Last edited by Cupara (2024-01-16 12:21)