<?php $__env->startSection('additional-page-content'); ?>

    <div class="events-content">

        <div class="grid-row">

            <div class="event-info content grid-col">

                <h2><?php echo $page->content->side_content->typeName; ?></h2>

                <?php echo $page->content->side_content->description; ?>


            </div>

        </div>

        <div class="grid-row events-form">

            <?php /* Form */ ?>
            <?php echo $__env->make('forms.events', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

        </div>

    </div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('additional-page-js'); ?>
    <script src="/js/form.js"></script>
    <script>
        //Define form
        var eventForm = new Form('eventForm', [
            'nameOrganisation',
            'addressOrganisation',
            'zipOrganisation',
            'cityOrganisation',
            'nameContactPerson',
            'phoneContactPerson',
            'emailContactPerson',
            'namePaymaster',
            'addressPaymaster',
            'zipPaymaster',
            'emailPaymaster',
            'startDateTime',
            'endDateTime',
            'descriptionEvent',
            'attendees',
            'visitors',
            'location',
            'firstAidPersons'
        ]);

        // Submit button
        document.querySelector('#eventForm .submit').addEventListener('click', function () {

            eventForm.validate();
            if (eventForm.valid) eventForm.send();

        });
    </script>

    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.pages.page', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>