

<div id="tabbed">
    <ul>
        <li><a href="#tab-2">Form Visualisation</a></li>
        <li><a href="#tab-1">Form properties</a></li>
        
    </ul>
    <div id="tab-1">
<?php 
  


$this->form->setAction( $this->url() );
echo $this->form;
/*
if($this->formId != null){
	echo '<br /><br /><h3>'.$this->translate('# list of fields#').'</h3><div class="listField">';
	echo $this->action('list','fields-admin','formbuilder',array('form_id'=>$this->formId ) );
	echo '</div>';

}
 * 
 */


$this->headLink()->appendStylesheet( $this->baseUrl( '/resources/application/modules/formbuilder/css/form-structure.css' ) )
				->appendStylesheet( $this->baseUrl( '/resources/application/modules/formbuilder/css/form-style.css' ) )
                                        ->appendStylesheet( $this->baseUrl( '/resources/application/modules/formbuilder/admin-formbuilder.css' ) )                                        
                                                ;


$this->inlineScript()->appendFile( $this->baseUrl( '/resources/application/modules/formbuilder/admin-crud.js' ) )
                    
					 ->appendScript( 'var formid ="'. $this->formId.'";
                                                          var formname ="'.$this->formname.'";
                                                          var index = "'.$this->index.'";
                                                          
					 ')
				;
 
?>
    </div>
    <div id="tab-2">
            <div class="formwarpper left">
                    <?php
                            if( !empty( $this->formPublic ) ){

                                    echo $this->formPublic;
                                    
                            }
                    ?>
            </div> 
            <div class="form-toolbox">
                    <a href="#" class="addtextbox" data-type="text">Textbox</a>
                    <a href="#" class="addpassword" data-type="password">Password</a>
                    <a href="#" class="addtextarea" data-type="textarea">Textarea</a>
                    <a href="#" class="addradio" data-type="radio">Radio</a>
                    <a href="#" class="addcheckbox" data-type="checkbox">Checkbox</a>
                    <a href="#" class="addselect"  data-type="select">Select</a>
                    <a href="#" class="addnote"  data-type="note">Note</a>
                    <a href="#" class="addgroup"  data-type="fieldset">Group</a>
                    <a href="#" class="addemail"  data-type="email">Email</a>
                    <a href="#" class="adddate"  data-type="date">Date picker</a>
            </div>

            <script id="toolEdit" type="text/x-jquery-tmpl">

                <div class="toolEdit"><a class="edit" data-id="${index}" href="/admin/fields-admin/save/${index}/${formid}/embed/true" >edit</a> <a class="delete" data-id="${index}" href="/admin/fields-admin/delete/${index}/${formid}">delete</a><a class="moveup" data-id="${index}" href="/admin/fields-admin/moveup/${index}/${formid}">move up</a> <a class="movedown" data-id="${index}" href="/admin/fields-admin/movedown/${index}/${formid}">move down</a></div>


            </script>
     
      </div>
</div>



