{*
 +--------------------------------------------------------------------+
 | Copyright CiviCRM LLC. All rights reserved.                        |
 |                                                                    |
 | This work is published under the GNU AGPLv3 license with some      |
 | permitted exceptions and without any warranty. For full license    |
 | and copyright information, see https://civicrm.org/licensing       |
 +--------------------------------------------------------------------+
*}
<div class="crm-block crm-form-block crm-custom-field-form-block">
<div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="top"}</div>
    <div class='status'>{icon icon="fa-info-circle"}{/icon}
        &nbsp;{ts}Warning: This functionality is currently in beta stage. Consider backing up your database before using it. Click "Cancel" to return to the "edit custom field" form without making changes.{/ts}
    </div>
    <table class="form-layout">
        <tr class="crm-custom-src-field-form-block-label">
            <td class="label">{$form.src_html_type.label}</td>
            <td class="html-adjust">{$form.src_html_type.html}</td>
        </tr>
        <tr class="crm-custom-dst-field-form-block-label">
            <td class="label">{$form.dst_html_type.label}</td>
            <td class="html-adjust">{$form.dst_html_type.html}</td>
        </tr>
    </table>
<div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>
</div>
{literal}
<script type="text/Javascript">
  function checkCustomDataField( ) {
    var srcHtmlType = {/literal}{$srcHtmlType|@json_encode}{literal};
    var singleValOps = ['Text', 'Select', 'Radio', 'Autocomplete-Select'];
    var multiValOps  = ['CheckBox', 'Multi-Select'];
    var dstHtmlType = cj('#dst_html_type').val( );
    if ( !dstHtmlType ) {
      return true;
    }

    if ( ( cj.inArray(srcHtmlType, multiValOps) > -1 ) &&
         ( cj.inArray(dstHtmlType, singleValOps) > -1 ) ) {
    return confirm( "{/literal}{ts escape='js'}Changing a 'multi option' html type to a 'single option' html type, might results in a data loss. Please consider to take db backup before change the html type. Click 'Ok' to continue.{/ts}{literal}" );
    }
    return true;
  }
</script>
{/literal}