{* HEADER *}
<div class="crm-block crm-form-block">
  <div class="crm-submit-buttons">
  {include file="CRM/common/formButtons.tpl" location="top"}
  </div>

  {* FIELD EXAMPLE: OPTION 1 (AUTOMATIC LAYOUT) *}

  {foreach from=$elementNames item=elementName}
    <div class="crm-section">
      <div class="label">{$form.$elementName.label}</div>
      <div class="content">{$form.$elementName.html}</div>
      <div class="clear"></div>
    </div>
  {/foreach}

  {if $form.title.value != ""}
    {php} 
      if(isset($_REQUEST['id'])) {
        $wid_id = $_REQUEST['id'];
        $data = CRM_Wci_BAO_Widget::getWidgetData($wid_id);
        $template = CRM_Core_Smarty::singleton();
        $template->assign('wciform', $data);
        if($data["override"] == 0) {
          $template->template_dir[] = getWciWidgetTemplatePath();
          $wcidata = $template->fetch('wciwidget.tpl');
        } else {
          $wcidata = $template->fetch('string:' . base64_decode($wid_page[$dao->id]['custom_template']));
        }
        $widget_controller_path = getWciWidgetControllerPath();
        $extension_root_path = getExtensionRootPath();
      }
    {/php}

    <div class="crm-section">
      <fieldset>
        <legend>
          Preview Widget and Get Code
        </legend>
        <div class="col1">
          <div class="description">
            Click <strong>Save &amp; Preview</strong> to save any changes to your settings, and preview the widget again on this page.
          </div>
          <script type="text/javascript" src="{php}echo $widget_controller_path;{/php}?widgetId={php}echo $wid_id;{/php}&embed=0"></script>
  <script type="text/javascript" src="{php}echo $extension_root_path;{/php}/extern/wciembed.js"></script>
  <div id='widgetwci'></div>
        </div>
        <div class="col2">
          <div class="description">
            Add this widget to any web page by copying and pasting the code below.
          </div>
          <textarea rows="8" cols="40" name="widget_code" id="widget_code"><script type="text/javascript" src="{php}echo $widget_controller_path;{/php}?widgetId={php}echo $wid_id;{/php}&embed=1"></script>
  <script type="text/javascript" src="{php}echo $extension_root_path;{/php}/extern/wciembed.js"></script>
  <div id='widgetwci'></div></textarea>
          <br>
          <strong>
            <a href="#" onclick="CreateWidget.widget_code.select(); return false;">» Select Code</a>
          </strong>
        </div>
      </fieldset>
    </div>
  {/if}
  
  {* FIELD EXAMPLE: OPTION 2 (MANUAL LAYOUT)

    <div>
      <span>{$form.favorite_color.label}</span>
      <span>{$form.favorite_color.html}</span>
    </div>

  {* FOOTER *}

  <div class="crm-submit-buttons">
  {include file="CRM/common/formButtons.tpl" location="bottom"}
  </div>
</div>