{assign var='requiredFields' value=$cbgroup->load_required_fields()}
{assign var='optionFields' value=$cbgroup->load_other_fields()}
{assign var='customFields' value=$cbgroup->custom_group_fields}

{$myAccountLinks = $userquery->my_account_links()}

<div class="container marginBottom">
   {include file="$style_dir/blocks/manage/account_menu.html"}

   
        <div class="row">
            {include file="$style_dir/blocks/manage/left_side_bar.html"}
            <!--<div class="leftSidebar col-md-3">
               {include file="$style_dir/blocks/manage/userMenuLeft.html"}
           </div>-->
            <div class="col-md-9">
               <div class="cb-box">
               <div class="upload_info">
                   <h2>{lang code='grp_crt_grp'}</h2>
                   <form name="upload_form" class="upload_form" method="post" action="">
                   
                   <!-- Required Fields -->
                   <h3>Required fields</h3>
                   {foreach from=$requiredFields item=field}
                       <div class="form-group">
                           <label for="{$field.id}">{$field.title}</label>
                           {if $field.hint_1}
                               <p>{$field.hint_1}</p>
                           {/if}
                           {$field.class='form-control'}
                           {if $field.type == 'checkbox'}
                               {$field.class = ''}
                               {$field.label_class = 'checkbox'}
                               {$field.notShowSeprator = true}
                           {/if}
                           {$formObj->createField($field)}
                           {if $field.hint_2}
                               <p>{$field.hint_2}</p>
                           {/if}
                       </div>
                   {/foreach}
                   <!-- Required Fields -->
                   
                   <div id="more_fields" style="display:none">
                   <!-- MORE Fields -->
                   
                   <h4><a href="#">more options</a></h4>
                   {foreach from=$optionFields item=field}
                       <div class="field">
                           <label for="{$field.id}">{$field.title}</label>
                           {if $field.hint_1}
                               <p>{$field.hint_1}</p>
                           {/if}
                           {$field.label_class='radio'}
                           {$field.notShowSeprator = true}
                           {$formObj->createField($field)}
                           {if $field.hint_2}
                               <p>{$field.hint_2}</p>
                           {/if}
                       </div>
                   {/foreach}
                   <!-- MORE Fields -->
                   </div>
                   
                   <span class="more_button"><a class="btn btn-primary btn-xs" href="javascript:void()" onClick="$('#more_fields').slideToggle();$('.more_button').toggleClass('more_button_up');">{lang code='more_options'}</a></span>
                   
                   
                   <div align="right">
                       <input type="submit" name="create_group" value="{lang code='grp_crt_grp'}" class="btn btn-primary btn-lg">
                   </div>
                   </form>
               </div>
           </div>  
            </div>
        </div>  

</div>