my group form.njs

my group form.njs

{% extends '/layouts/layout.njs' %}
{% block content %}

<div class="box ">
    <aside class="container">
        <div class="col col-1of1-xs">
            <h1>Create a group</h1>
            <br>
        </div>
    </aside>
<div class="col col-1of1-xs">
    {# NEEDS CORRECT ROUTE#}
    <form id="groupNew" class="form-full" action="{{"/groups/new/post" if action=="new" else "/groups/"+group._id+"/edit/update"}}" enctype="multipart/form-data" method="post">
        <header class="form-header form-header-product item-post-header"><span>What is your group about?</span></header>
        <fieldset class="container">
            <div class="fieldgroup">
                <label for="title">Title It <span class="character-limit">100</span></label>
                <input type="text" id="gptitle" name="gptitle" value="{{group.name}}" maxlength="100" required class="has-character-limit">
                <p class="help-inline">E.g., Biker Moms, Babe Ruth Fans</p>
            </div>

            <div class="fieldgroup">
    
                <label for="groups">Is your group public or private?</label>
                <div class="form-item-groups">
                    <label for="isPublic" class="fancy-label sublabel">
                        <input type="checkbox" name="private" class="fancy-checkbox"{{" checked" if group.state == "private"}}><span><span>Private (check to keep Private)</span></span>
                    </label>
                </div>
            </div>
                <div class="col col-1of5-md col-1of2-xs col-first-md">
                        <label class="fancy-label sublabel" for="free">
                            <input type="checkbox" name="can-invite" id="can-invite" class="fancy-checkbox"{{" checked" if group.membersCanInvite and action != "new"}}>
                            <span><span>Members can invite</span></span></label>
                    
                        <label class="fancy-label sublabel"for="swap">
                            <input type="checkbox" name="can-post" id="can-post" class="fancy-checkbox"{{" checked" if group.membersCanPostItems}}>
                            <span><span>Members can post</span></span>
                        </label> 
                </div>

                <div class="fieldgroup">
                    <div class="col col-1of1-xs">
                        <label for="title">Group Summary</label>
                        <input type="text" id="groupsummary" name="gp-summary" value="{{group.summary}}">
                        <p class="help-inline">E.g., We are Babe Ruth Fans</p>
                        <input type="hidden" name="_id" value="{{group.twitter}}">
                    </div>
                    <div class="col col-1of1-xs">
                        <label for="title">Details about your group</label>
                        <input type="text" id="gpdetails" name="gp-details" value="{{group.details}}">
                        <p class="help-inline">E.g., We collect Babe Ruth Baseball cards and meet up one a month in Brooklyn.</p>
                        <input type="hidden" name="_id" value="{{group.twitter}}">
                    </div>
                    <div class="col col-1of1-xs">
                        <label for="title">Rules of the group</label>
                        <input type="text" id="twitterhandle" name="twit-handle" value="{{group.rules}}">
                        <p class="help-inline">E.g., Rules Rules Rules.</p>
                        <input type="hidden" name="_id" value="{{group.rules}}">
                    </div>
                </div>
                    <div class="col col-1of1-xs">
                        <label for="title">Twitter Handle</label>
                        <input type="text" id="twitterhandle" name="twit-handle" value="{{group.twitter}}">
                        <p class="help-inline">E.g., http://twitter.com/MyCircl</p>
                        <input type="hidden" name="_id" value="{{group.twitter}}"><br><br><br>
                    </div>
                <div>
                   <button class="submit">Save Group</button>
               </div>
            </div>
        </fieldset>

    </form>
</div>
</div>

{% endblock %}