route.js

var eventRoutes = FlowRouter.group({
    prefix:'/event',
    name: 'event'
});

eventRoutes.route('/create', {
    name: 'eventCreate',
    action: function() {
        BlazeLayout.render('layout', {
            nav: 'navigation',
            main: 'eventCreate'
        });
    }    
});

template.html

<template name="eventCreate">

    <div class="ui main container">

        <h2 class="ui dividing header">Event Creation</h2>

        <div class="ui ten wide column">

            <form class="ui form" id="createEventForm">

                <div class="field">
                    <label>Event Name:</label>
                    <input type="text" name="name" placeholder="Name...">
                </div>

                <div class="field">
                    <label>Event Description:</label>
                    <input type="text" name="desc" placeholder="Brief Description...">
                </div>

                <div class="two fields">
                    <div class="field">
                        <label>Begin Date/Time:</label>
                        <input class="ui dropdown datetimepicker" name="begin" type="text"/>
                    </div>
                    <div class="field">
                        <label>End Date/Time:</label>
                        <input class="ui dropdown datetimepicker" name="end" type="text"/>
                    </div>
                </div>

                <div class="ui error message"></div>

                <button class="ui vertical large green animated button" type="submit" tabindex="0">
                    <div class="visible content">Create Event</div>
                    <div class="hidden content">
                        <i class="right arrow icon"></i>
                    </div>
                </button>

            </form>
        </div>

    </div>

</template>