<?php
if (!defined('WPINC')) {
    die('Closed');
}

$form = new RM_PFBC_Form("add-field");

$form->configure(array(
    "prevent" => array("bootstrap", "jQuery"),
    "action" => ""
));

if (isset($data->model->field_id)){
    $form->addElement(new Element_HTML('<div class="rmheader">' . RM_UI_Strings::get("TITLE_EDIT_FIELD_PAGE") . '</div>'));
    $form->addElement(new Element_Hidden("field_id", $data->model->field_id));
} else{
    $form->addElement(new Element_HTML('<div class="rmheader">' . RM_UI_Strings::get("TITLE_NEW_FIELD_PAGE") . '</div>'));
}
$form->addElement(new Element_Hidden("form_id", $data->form_id));   

$form->addElement(new Element_Select("<b>" . RM_UI_Strings::get('LABEL_SELECT_TYPE') . "</b>", "field_type", $field_types_array, array("id" => "rm_field_type_select_dropdown", "value" => $data->selected_field, "class" => "rm_static_field", "onchange" => "rm_toggle_field_add_form_fields(this)", "longDesc"=>__('This is Woocommerce Billing field. Type of this field can not be changed.','custom-registration-form-builder-with-submission-manager'))));

$form->addElement(new Element_HTML('<div id="field_lable_container" >'));
$form->addElement(new Element_Textbox("<b>" . RM_UI_Strings::get('LABEL_LABEL') . "</b>", "field_label", array("id" => "rm_field_label", "class" => "rm_static_field rm_required", "required" => "1", "value" => $data->model->field_label, "longDesc"=>RM_UI_Strings::get('HELP_ADD_FIELD_LABEL'))));
$form->addElement(new Element_HTML('</div>'));



$firstname_label= empty($data->model->field_options->field_wcb_firstname_label) ? __('First Name', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_firstname_label;
$lastname_label= empty($data->model->field_options->field_wcb_lastname_label) ? __('Last Name', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_lastname_label;
$company_label= empty($data->model->field_options->field_wcb_company_label) ? __('Company', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_company_label;
$city_label= empty($data->model->field_options->field_wcb_city_label) ? __('City', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_city_label;
$state_label= empty($data->model->field_options->field_wcb_state_label) ? __('State or Region', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_state_label;
$zip_label= empty($data->model->field_options->field_wcb_zip_label) ? __('Zip', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_zip_label;
$country_label= empty($data->model->field_options->field_wcb_country_label) ? __('Country', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_country_label;
$address1_label= empty($data->model->field_options->field_wcb_address1_label) ? __('Street Address 1', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_address1_label;
$address2_label= empty($data->model->field_options->field_wcb_address2_label) ? __('Street Address 2', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_address2_label;

$phone_label= empty($data->model->field_options->field_wcb_phone_label) ? __('Phone Number', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_phone_label;
$email_label= empty($data->model->field_options->field_wcb_email_label) ? __('Email Address', 'custom-registration-form-builder-with-submission-manager') : $data->model->field_options->field_wcb_email_label;

$firstname_en= isset($data->model->field_options->field_wcb_firstname_en) ? $data->model->field_options->field_wcb_firstname_en : 1;
$lastname_en= isset($data->model->field_options->field_wcb_lastname_en) ? $data->model->field_options->field_wcb_lastname_en : 1;
$company_en= isset($data->model->field_options->field_wcb_company_en) ? $data->model->field_options->field_wcb_company_en : 1;
$city_en= isset($data->model->field_options->field_wcb_city_en) ? $data->model->field_options->field_wcb_city_en : 1;
$state_en= isset($data->model->field_options->field_wcb_state_en) ? $data->model->field_options->field_wcb_state_en : 1;
$zip_en= isset($data->model->field_options->field_wcb_zip_en) ? $data->model->field_options->field_wcb_zip_en : 1;
$country_en= isset($data->model->field_options->field_wcb_country_en) ? $data->model->field_options->field_wcb_country_en : 1;
$address1_en= isset($data->model->field_options->field_wcb_address1_en) ? $data->model->field_options->field_wcb_address1_en : 1;
$phone_en= isset($data->model->field_options->field_wcb_phone_en) ? $data->model->field_options->field_wcb_phone_en : 1;
$email_en= isset($data->model->field_options->field_wcb_email_en) ? $data->model->field_options->field_wcb_email_en : 1;
$address2_en= isset($data->model->field_options->field_wcb_address2_en) ? $data->model->field_options->field_wcb_address2_en : 1;

$address_type= empty($data->model->field_options->field_address_type) ? "ca" : $data->model->field_options->field_address_type; 
$wcb_state_type= isset($data->model->field_options->wcb_state_type) ? $data->model->field_options->wcb_state_type : 'all'; 

$firstname_req = isset($data->model->field_options->field_wcb_firstname_req) ? $data->model->field_options->field_wcb_firstname_req : 0;
$lastname_req = isset($data->model->field_options->field_wcb_lastname_req) ? $data->model->field_options->field_wcb_lastname_req : 0;
$company_req = isset($data->model->field_options->field_wcb_company_req) ? $data->model->field_options->field_wcb_company_req : 0;
$address1_req= isset($data->model->field_options->field_wcb_address1_req) ? $data->model->field_options->field_wcb_address1_req : 0;
$phone_req= isset($data->model->field_options->field_wcb_phone_req) ? $data->model->field_options->field_wcb_phone_req : 0;
$email_req= isset($data->model->field_options->field_wcb_email_req) ? $data->model->field_options->field_wcb_email_req : 0;
$address2_req= isset($data->model->field_options->field_wcb_address2_req) ? $data->model->field_options->field_wcb_address2_req : 0;
$state_req= isset($data->model->field_options->field_wcb_state_req) ? $data->model->field_options->field_wcb_state_req : 0;
$country_req = isset($data->model->field_options->field_wcb_country_req) ? $data->model->field_options->field_wcb_country_req : 0;
$zip_req = isset($data->model->field_options->field_wcb_zip_req) ? $data->model->field_options->field_wcb_zip_req : 0;
$city_req = isset($data->model->field_options->field_wcb_city_req) ? $data->model->field_options->field_wcb_city_req : 0;
$label_as_placeholder= isset($data->model->field_options->field_wcb_label_as_placeholder) ? $data->model->field_options->field_wcb_label_as_placeholder : 0;
$email_as_primary= isset($data->model->field_options->field_wcb_email_as_primary) ? $data->model->field_options->field_wcb_email_as_primary : 0;

$united_state_options= '<option>'.__('Select State or Region', 'custom-registration-form-builder-with-submission-manager').'</option>';
$united_states= RM_Utilities::get_usa_states();
foreach($united_states as $key=>$state){
    $united_state_options .= "<option>$state</option>";
}

$canadian_options= '<option>'.__('Select State or Region', 'custom-registration-form-builder-with-submission-manager').'</option>';
$canadian_provinces= RM_Utilities::get_canadian_provinces();
foreach($canadian_provinces as $key=>$province){
    $canadian_options .= "<option>$province</option>";
}

$countries= RM_Utilities::get_countries();
$country_options='';
foreach($countries as $country){
    $country_options .= "<option>$country</option>";
}
$state_codes='';
$state_codes_enabled = isset($data->model->field_options->field_wcb_state_codes) ? $data->model->field_options->field_wcb_state_codes : '';
$wcb_country_america_can= isset($data->model->field_options->field_wcb_country_america_can)?$data->model->field_options->field_wcb_country_america_can:'';
$wcb_field_wcb_country_limited= empty($data->model->field_options->field_wcb_country_limited) ? '' : $data->model->field_options->field_wcb_country_limited;
$country_search_enabled= isset($data->model->field_options->field_wcb_en_country_search) ? $data->model->field_options->field_wcb_en_country_search : 0;

$hide_search_opt= ($wcb_state_type!="all" && $wcb_state_type!="limited") ? 'style="display:none"':'';

$form->addElement(new Element_HTML('
<div id="rm-address-field" >
    <div class="rmrow">
        <div class="rmfield" for="rm_field_is_required_range">
            <label><b>'.__('Billing Fields', 'custom-registration-form-builder-with-submission-manager').'</b></label>
        </div>
    </div>
    <div class="childfieldsrow rm_wcb_field" id="rm_field_is_required_range_childfieldsrow">
        <div class="rmrow">
        
            <div class="rm-address-field-row rm-address-field-col2">
                <div class="rm-address-field" id="rm-address-field-firstname">
                    <input type="text" name="rrm_field_wcb_firstname" id="rm_field_wcb_firstname" class="" value="">
                    <div class="rm-ca-actions">
                        <span onclick="wcb_field_visibility(\'firstname\',this)" class="rm-address-field-visibility"></span>
                        <span id="rm_field_wcb_firstname_req"><input type="checkbox" name="field_wcb_firstname_req" value="1" '.rm_checkbox_state($firstname_req).'>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'</span>
                    </div>
                    <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_firstname_label\')">'.$firstname_label.'</label>
                </div>

                <div class="rm-address-field" id="rm-address-field-lastname">
                    <input type="text" name="rrm_field_wcb_lastname" id="rm_field_wcb_lastname" class="" value="">
                    <div class="rm-ca-actions">
                        <span onclick="wcb_field_visibility(\'lastname\',this)" class="rm-address-field-visibility"></span>
                        <span id="rm_field_wcb_lastname_req"><input type="checkbox" name="field_wcb_lastname_req" value="1" '.rm_checkbox_state($lastname_req).'>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'</span>
                    </div>
                    <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_lastname_label\')">'.$lastname_label.'</label>
                </div>
            </div>
            
            <div class="rm-address-field-row">
                <div class="rm-address-field" id="rm-address-field-company">
                    <input type="text" name="rm_field_wcb_company" id="rm_field_wcb_company" class="" value="">
                    <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_company_label\')">'.$company_label.'</label>
                    <div class="rm-ca-actions">
                        <span onclick="wcb_field_visibility(\'company\',this)"  class="rm-address-field-visibility"></span>
                        <span id="rm_field_wcb_company_req"><input type="checkbox" name="field_wcb_company_req" value="1" '.rm_checkbox_state($company_req).'>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'</span>
                    </div>
                </div>
            </div>

            <div class="rm-address-field-row">
                <div class="rm-address-field" id="rm-address-field-address">
                    <input type="text" name="rm_field_wcb_address1" id="rm_field_wcb_address1" class="" value="">
                    <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_address1_label\')">'.$address1_label.'</label>


                    <div class="rm-ca-actions">
                        <span onclick="wcb_field_visibility(\'address1\',this)"  class="rm-address-field-visibility"></span>
                        <span id="rm_field_wcb_address1_req"><input type="checkbox" name="field_wcb_address1_req" value="1" '.rm_checkbox_state($address1_req).'>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'</span>
                    </div>

                </div>
            </div>

           <div class="rm-address-field-row">
             <div class="rm-address-field" id="rm-address-field-address2">
             <input type="text" name="rm_field_wcb_address2" id="rm_field_wcb_address2" class="" value="">
             <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_address2_label\')">'.$address2_label.'</label>
                   <div class="rm-ca-actions">
                        <span onclick="wcb_field_visibility(\'address2\',this)"  class="rm-address-field-visibility"></span>
                        <span id="rm_field_wcb_address2_req"><input type="checkbox" name="field_wcb_address2_req" value="1" '.rm_checkbox_state($address2_req).'>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'</span>
                    </div>
             </div>
           </div>
           
            <div class="rm-address-field-row rm-address-field-col2" >
                <div class="rm-address-field" id="rm-address-field-city">
                    <input type="text" name="rm_field_wcb_city" id="rm_field_wcb_city" class="" value="">
                    <div class="rm-ca-actions">
                        <span  onclick="wcb_field_visibility(\'city\',this)" class="rm-address-field-visibility"></span>
                        <span id="rm_field_wcb_city_req"><input type="checkbox" name="field_wcb_city_req" value="1" '.rm_checkbox_state($city_req).'>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'</span>
                    </div>
                    <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_city_label\')">'.$city_label.'</label>
                </div>  
                <div class="rm-address-field" id="rm-address-field-states">

                    <div id="rm_field_wcb_state_all" style="display:none" class="rmstates">
                        <input type="text" value="" class="input-ca-state" id="rm_field_wcb_state_all">
                        <div class="rm-ca-actions">
                            <span  onclick="wcb_field_visibility(\'state\',this)" class="rm-address-field-visibility"></span>
                            <span id="rm_field_wcb_state_req"><input type="checkbox" name="field_wcb_state_req" value="1" '.rm_checkbox_state($state_req).'></span>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'
                        </div>
                    </div>    

                    <div id="rm_field_wcb_state_america" style="display:none" class="rmstates">
                        <select class="input-ca-state" id="input_wcb_state_america">'.$united_state_options.'</select>
                        <div class="rm-ca-actions">
                            <span  onclick="wcb_field_visibility(\'state\',this)" class="rm-address-field-visibility"></span>
                            <span id="rm_field_wcb_state_req"><input type="checkbox" name="field_wcb_state_req" value="1" '.rm_checkbox_state($state_req).'></span>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'
                        </div>    
                    </div>

                    <div id="rm_field_wcb_state_america_can" style="display:none" class="rmstates">    
                         <select class="input-ca-state" id="input_america_states">'.$united_state_options.'</select>    
                         <select class="input-ca-state" id="input_can_states">'.$canadian_options.'</select> 
                        <div class="rm-ca-actions">
                            <span  onclick="wcb_field_visibility(\'state\',this)" class="rm-address-field-visibility"></span>
                            <span id="rm_field_wcb_state_req"><input type="checkbox" name="field_wcb_state_req" value="1" '.rm_checkbox_state($state_req).'></span>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'
                        </div>    
                    </div>

                    <div id="rm_field_wcb_state_limited" style="display:none" class="rmstates">  
                        <input class="input-ca-state" type="text" value="" id="input_wcb_state_limited">  
                        <div class="rm-ca-actions">
                            <span  onclick="wcb_field_visibility(\'state\',this)" class="rm-address-field-visibility"></span>
                            <span id="rm_field_wcb_state_req"><input type="checkbox" name="field_wcb_state_req" value="1" '.rm_checkbox_state($state_req).'></span>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'
                        </div>
                    </div>


                    <span id="rm_field_wcb_state_as_codes" style="display:none"><input name="field_wcb_state_codes"   value="1" type="checkbox" '.$state_codes.'/>'.__('Show as codes', 'custom-registration-form-builder-with-submission-manager').'</span>
                    <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_state_label\')">'.$state_label.'</label>
                </div>


            </div>

            <div class="rm-address-field-row rm-address-field-col2">
                <div class="rm-address-field" id="rm-address-field-country">

                    <select style="display:none" class="form-dropdown wcb_country" id="rm_field_wcb_country_all">'.$country_options.'</select>
                    <select style="display:none" class="form-dropdown wcb_country" id="rm_field_wcb_country_america" data-component="country" tabindex="-1" disabled=""><option>'.__('United States', 'custom-registration-form-builder-with-submission-manager').'</option></select>
                    <select style="display:none" class="form-dropdown wcb_country" id="rm_field_wcb_country_america_can" name="field_wcb_country_america_can" data-component="country" tabindex="-1"><option value="america">'.__('United States', 'custom-registration-form-builder-with-submission-manager').'</option><option value="america_can">'.__('Canada', 'custom-registration-form-builder-with-submission-manager').'</option></select>
                    <textarea style="display:none" id="rm_field_wcb_country_limited" name="field_wcb_country_limited" class="wcb_country">'.$wcb_field_wcb_country_limited.'</textarea>

                    <div class="rm-ca-actions">
                        <span  onclick="wcb_field_visibility(\'country\',this)" class="rm-address-field-visibility"></span>
                        <span '.$hide_search_opt.' id="field_wcb_en_country_search"><input type="checkbox"  name="field_wcb_en_country_search" value="1" '.rm_checkbox_state($country_search_enabled).'>'.__('Enable Search', 'custom-registration-form-builder-with-submission-manager').'</span>    
                        <span id="rm_field_wcb_country_req"><input type="checkbox" name="field_wcb_country_req" value="1" '.rm_checkbox_state($country_req).'>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'</span>
                    </div>

                    <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_country_label\')">'.$country_label.'</label>
                    <div id="rm_country_note" style="display:none" class="rm-country-note rm-dbfl">'.RM_UI_Strings::get('HELP_REG_ADD_ALL_COUNTRY').'</div>    
                </div>

                <div class="rm-address-field" id="rm-address-field-zip">
                    <input type="text" name="rrm_field_wcb_zip" id="rm_field_wcb_zip" class="" value="">
                    <div class="rm-ca-actions">
                        <span onclick="wcb_field_visibility(\'zip\',this)" class="rm-address-field-visibility"></span>
                        <span id="rm_field_wcb_zip_req"><input type="checkbox" name="field_wcb_zip_req" value="1" '.rm_checkbox_state($zip_req).'>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'</span>
                    </div>
                    <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_zip_label\')">'.$zip_label.'</label>
                </div> 


            </div>
            
            <div class="rm-address-field-row">
                <div class="rm-address-field" id="rm-address-field-address2">
                    <input type="text" name="rm_field_wcb_phone" id="rm_field_wcb_phone" class="" value="">
                    <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_phone_label\')">'.$phone_label.'</label>
                    <div class="rm-ca-actions">
                        <span onclick="wcb_field_visibility(\'phone\',this)"  class="rm-address-field-visibility"></span>
                        <span id="rm_field_wcb_phone_req"><input type="checkbox" name="field_wcb_phone_req" value="1" '.rm_checkbox_state($phone_req).'>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'</span>
                     </div>
                </div>
            </div>
            
            <div class="rm-address-field-row">
                <div class="rm-address-field" id="rm-address-field-address2">
                <input type="text" name="rm_field_wcb_email" id="rm_field_wcb_email" class="" value="">
                <label contenteditable="true" spellcheck="false" onkeyup="rm_custom_address_label_changed(this,\'rm_field_wcb_email_label\')">'.$email_label.'</label>
                      <div class="rm-ca-actions">
                           <span onclick="wcb_field_visibility(\'email\',this)"  class="rm-address-field-visibility"></span>
                           <span id="rm_field_wcb_email_req"><input type="checkbox" name="field_wcb_email_req" value="1" '.rm_checkbox_state($email_req).'>'.__('Required', 'custom-registration-form-builder-with-submission-manager').'</span>
                       </div>
                </div>
            </div>

        <div class="rm-address-field-row">
            <div class="rm-difl">
               <span> Use labels as placeholders</span>
                <input type="checkbox" name="field_wcb_label_as_placeholder" value="1" '.rm_checkbox_state($label_as_placeholder).'/>
            </div>

             <div class="rm-address-field-legand rm-difl">
               <span class="rm-difl"> Click to hide field </span> <span class="rm-difl"><i class="material-icons">&#xE417;</i></span>

            </div>


        </div>


    </div>
    
    <input type="hidden" name="field_wcb_firstname_label" id="rm_field_wcb_firstname_label" value="'.$firstname_label.'"/>
    <input type="hidden" name="field_wcb_lastname_label" id="rm_field_wcb_lastname_label" value="'.$lastname_label.'"/>
    <input type="hidden" name="field_wcb_company_label" id="rm_field_wcb_company_label" value="'.$company_label.'"/>
    <input type="hidden" name="field_wcb_city_label" id="rm_field_wcb_city_label" value="'.$city_label.'" />
    <input type="hidden" name="field_wcb_address1_label" id="rm_field_wcb_address1_label" value="'.$address1_label.'"/>
    <input type="hidden" name="field_wcb_address2_label" id="rm_field_wcb_address2_label" value="'.$address2_label.'"/>
    <input type="hidden" name="field_wcb_phone_label" id="rm_field_wcb_phone_label" value="'.$phone_label.'"/>
    <input type="hidden" name="field_wcb_email_label" id="rm_field_wcb_email_label" value="'.$email_label.'"/>
    <input type="hidden" name="field_wcb_state_label" id="rm_field_wcb_state_label" value="'.$state_label.'"/>
    <input type="hidden" name="field_wcb_zip_label" id="rm_field_wcb_zip_label" value="'.$zip_label.'"/>
    <input type="hidden" name="field_wcb_country_label" id="rm_field_wcb_country_label" value="'.$country_label.'"/>
        
    <input class="wcb_en_field" type="hidden" name="field_wcb_firstname_en" id="rm_field_wcb_firstname_en" value="'.$firstname_en.'" />
    <input class="wcb_en_field" type="hidden" name="field_wcb_lastname_en" id="rm_field_wcb_lastname_en" value="'.$lastname_en.'" />
    <input class="wcb_en_field" type="hidden" name="field_wcb_company_en" id="rm_field_wcb_company_en" value="'.$company_en.'" />
    <input class="wcb_en_field" type="hidden" name="field_wcb_city_en" id="rm_field_wcb_city_en" value="'.$city_en.'" />
    <input class="wcb_en_field" type="hidden" name="field_wcb_address1_en" id="rm_field_wcb_address1_en" value="'.$address1_en.'"/>
    <input class="wcb_en_field" type="hidden" name="field_wcb_phone_en" id="rm_field_wcb_phone_en" value="'.$phone_en.'"/>
    <input class="wcb_en_field" type="hidden" name="field_wcb_email_en" id="rm_field_wcb_email_en" value="'.$email_en.'"/>    
    <input class="wcb_en_field" type="hidden" name="field_wcb_address2_en" id="rm_field_wcb_address2_en" value="'.$address2_en.'"/>
    <input class="wcb_en_field" type="hidden" name="field_wcb_state_en" id="rm_field_wcb_state_en" value="'.$state_en.'"/>
    <input class="wcb_en_field" type="hidden" name="field_wcb_zip_en" id="rm_field_wcb_zip_en" value="'.$zip_en.'"/>
    <input class="wcb_en_field" type="hidden" name="field_wcb_country_en" id="rm_field_wcb_country_en" value="'.$country_en.'"/>    
</div>'));







$form->addElement(new Element_HTML('<div id="rm_field_helptext_container">'));
$form->addElement(new Element_Textarea("<b>" . RM_UI_Strings::get('LABEL_HELP_TEXT') . "</b>", "help_text", array("id" => "rm_field_helptext", "class" => "", "value" => $data->model->field_options->help_text, "longDesc" => RM_UI_Strings::get('HELP_ADD_FIELD_HELP_TEXT'))));
$form->addElement(new Element_HTML('</div>'));

$form->addElement(new Element_Checkbox("<b>" . __('Use Billing Email as Primary Account Email', 'custom-registration-form-builder-with-submission-manager'). "</b>", "field_wcb_email_as_primary", array(1 => ""), array("class" => "rm_input_type", "value" => $email_as_primary, "longDesc"=>__("WooCommerce's Billing Address field has an additional email input field. This can be same as account holder's primary email address or different. If you feel displaying two email fields in your form is something you would rather avoid, turning this checkbox will hide the form's default email field. Thereafter, default form email field will automatically copy value entered by the user in Billing Address email field.", 'custom-registration-form-builder-with-submission-manager'))));

/***Begin :Icon Settings******/
$form->addElement(new Element_HTML('<div class="rmrow rm_field_settings_group_header rm_icon_sett_collapsed" id="rm_icon_field_settings_header" onclick="rm_toggle_icon_settings()"><a>' . RM_UI_Strings::get('ICON_FIELD_SETTINGS') . '<span class="rm-toggle-settings"></span></a></div>'));
$form->addElement(new Element_HTML('<div id="rm_icon_field_settings_container" style="display:none">'));
$form->addElement(new Element_HTML('<div id="rm_icon_setting_container">'));
$form->addElement(new Element_HTML('<div class="rmrow" id="rm_jqnotice_row_date_type"><div class="rmfield" for="rm_field_value_options_textarea"><label>'.RM_UI_Strings::get('LABEL_FIELD_ICON').'</label></div><div class="rminput" id="rm_field_icon_chosen"><i class="material-icons"'.$icon_style.' id="id_show_selected_icon">'.$f_icon->codepoint.'</i><div class="rm-icon-action"><div onclick="show_icon_reservoir()"><a href="javascript:void(0)">'.RM_UI_Strings::get('LABEL_FIELD_ICON_CHANGE').'</a></div> <div onclick="rm_remove_icon()"><a href="javascript:void(0)">'.RM_UI_Strings::get('LABEL_REMOVE').'</a></div></div></div><div class="rmnote"><div class="rmprenote"></div><div class="rmnotecontent">'.RM_UI_Strings::get('HELP_FIELD_ICON').'</div></div></div>'));
$form->addElement(new Element_Hidden('input_selected_icon_codepoint', $f_icon->codepoint, array('id'=>'id_input_selected_icon')));
$form->addElement(new Element_Color(RM_UI_Strings::get('LABEL_FIELD_ICON_FG_COLOR'), "icon_fg_color", array("id" => "rm_", "value" => $f_icon->fg_color, "onchange" => "change_icon_fg_color(this)", "longDesc" => RM_UI_Strings::get('HELP_FIELD_ICON_FG_COLOR'))));

$form->addElement(new Element_Color(RM_UI_Strings::get('LABEL_FIELD_ICON_BG_COLOR'), "icon_bg_color", array("id" => "rm_", "value" => $f_icon->bg_color, "onchange" => "change_icon_bg_color(this)", "longDesc" => RM_UI_Strings::get('HELP_FIELD_ICON_BG_COLOR'))));

$form->addElement(new Element_Range(RM_UI_Strings::get('LABEL_FIELD_ICON_BG_ALPHA'), "icon_bg_alpha", array("id" => "rm_", "value" => $f_icon->bg_alpha, "step" => 0.1, "min" => 0, "max" => 1, "oninput" => "finechange_icon_bg_color()", "onchange" => "finechange_icon_bg_color()", "longDesc" => RM_UI_Strings::get('HELP_FIELD_ICON_BG_ALPHA'))));

$form->addElement(new Element_Select(RM_UI_Strings::get('LABEL_FIELD_ICON_SHAPE'), "icon_shape", $icon_shapes, array("id" => "rm_", "value" => $f_icon->shape, "onchange" => "change_icon_shape(this)", "longDesc" => RM_UI_Strings::get('HELP_FIELD_ICON_SHAPE'))));
$form->addElement(new Element_HTML('</div>'));
$form->addElement(new Element_HTML('</div>'));
/***END :Icon Settings******/

$form->addElement(new Element_HTML('<div style="display:none">'));
$form->addElement(new Element_jQueryUIDate("", '', array()));
$form->addElement(new Element_HTML('</div>'));


/**** Begin: Advanced Field Settings ****/
$form->addElement(new Element_HTML('<div class="rmrow rm_field_settings_group_header rm_adv_sett_collapsed" id="rm_advance_field_settings_header" onclick="rm_toggle_adv_settings()"><a>' . RM_UI_Strings::get('ADV_FIELD_SETTINGS') . '<span class="rm-toggle-settings"></span></a></div>'));
$form->addElement(new Element_HTML('<div id="rm_advance_field_settings_container" style="display:none">'));

$form->addElement(new Element_Textbox("<b>" . RM_UI_Strings::get('LABEL_CSS_CLASS') . "</b>", "field_css_class", array("id" => "rm_field_class", "class" => "rm_static_field rm_required", "value" => $data->model->field_options->field_css_class, "longDesc"=>RM_UI_Strings::get('HELP_ADD_FIELD_CSS_CLASS'))));

$form->addElement(new Element_HTML('</div>'));
 /**** End: Advanced Field Settings */    
    
//Button Area
$form->addElement(new Element_HTMLL('&#8592; &nbsp; '.__('Cancel','custom-registration-form-builder-with-submission-manager'), '?page=rm_field_manage&rm_form_id='.$data->form_id, array('class' => 'cancel')));
$form->addElement(new Element_Button(RM_UI_Strings::get('LABEL_SAVE'), "submit", array("id" => "rm_submit_btn", "class" => "rm_btn", "name" => "submit")));

?>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<?php 

$form->render();
?>

<script>
    jQuery(document).ready(function(){
        jQuery(".en_confirm_pwd").change(function(){ 
           var el= jQuery(this);
           if(el.is(':checked')){
               jQuery("#confirm_pwd_options").slideDown();
               return;
           }
           jQuery("#confirm_pwd_options").slideUp();
        });
        
        jQuery(".en_pass_strength").change(function(){ 
           var el= jQuery(this);
           if(el.is(':checked')){
               jQuery("#pwd_strength_options").slideDown();
               return;
           }
           jQuery("#pwd_strength_options").slideUp();
        });
        
        jQuery(".en_confirm_pwd,.en_pass_strength").trigger('change');
       
    });
</script>
<script>
    // Intitializes field settings on page load
    jQuery(document).ready(function(){
        
       var address_type= "<?php echo $address_type; ?>";  
       if(address_type=="ca")
           jQuery("#rm_field_is_ca").attr('checked', 'checked');
       else 
           jQuery("#rm_field_is_ga").attr('checked', 'checked');

       rm_address_type_changed(address_type); 
       
       
       var wcb_state_type= "<?php echo $wcb_state_type; ?>";
       jQuery("#rm_wcb_state_" + wcb_state_type).attr('checked',true);
       rm_show_state_country_fields(wcb_state_type);
       
       jQuery("#rm_field_wcb_country_america_can").change(function(){
           america_can_country_changed();
       });
       
       if("<?php echo $state_codes_enabled; ?>"==1){
           jQuery("#rm_field_wcb_state_as_codes input").attr('checked',true);
       }
       
       if(jQuery("#rm_wcb_state_america_can").is(":checked")){
           jQuery("#rm_field_wcb_country_america_can").val("<?php echo $wcb_country_america_can; ?>");
           america_can_country_changed();
       }
       
       jQuery(".wcb_en_field").each(function(){
           var id1= jQuery(this).attr('id');
           
           var id2= id1.replace("_en","");
           
           if(jQuery("#" + id1).val()!="1"){
              jQuery("#" + id2).addClass('rm-disable');
              if(id2=="rm_field_wcb_state"){
                  jQuery("[id=rm_field_wcb_state_req]:not(:hidden)").addClass('rm-disable');
                  //jQuery(".rmstates input").addClass('rm-disable');
                  
              }
              else if(id2=="rm_field_wcb_country"){
                  jQuery("[id=field_wcb_en_country_search]:not(:hidden)").addClass('rm-disable'); 
              }

              jQuery("#" + id2 + "_req").addClass('rm-disable');
              jQuery("#" + id2).siblings('.rm-ca-actions').addClass('rm-field-visibility');
          }
          
       });
       
       // Check for states visibility
       if(jQuery("#rm_field_wcb_state_en").val()!="1"){
           jQuery(".input-ca-state").each(function(){
                if(!jQuery(this).is(":hidden")){
                    jQuery(this).addClass('rm-disable');
                    jQuery(this).siblings('.rm-ca-actions').addClass('rm-field-visibility');
                }
            }); 
       }
       
       // Check for country visbility
       if(jQuery("#rm_field_wcb_country_en").val()!="1"){
            jQuery(".wcb_country").each(function(){ 
                     if(!jQuery(this).is(":hidden")){ 
                         jQuery(this).addClass('rm-disable');
                         jQuery(this).siblings('.rm-ca-actions').addClass('rm-field-visibility');
                     }
            });
        }
        
       if(jQuery("#rm_wcb_state_limited").is(":checked")){
           jQuery("#rm_country_note").show();
       }
       
       
    });
    
    // Update labels inside hidden fields
    function rm_custom_address_label_changed(obj,target){
        jQuery("#" + target).val(obj.innerHTML);
    }
    
    // Show/Hide address options 
    function rm_address_type_changed(type){
        jQuery(".rm-addresstype-note").hide();
        if(type=="ga"){
            jQuery(".rm_wcb_field").hide();
            jQuery("#rm_no_api_notice").show();
            jQuery("#rm_field_is_required-0").attr("disabled",false);
            
        } else{
            jQuery(".rm_wcb_field").show();
            jQuery("#rm_no_api_notice").hide();
            jQuery("#rm_field_is_required-0").attr("disabled",true);
            
        }
        jQuery("#note-" + type).show();
    }
    
    // Toggle individual field visibility 
    function wcb_field_visibility(field_type,obj){
        var enable_field;
        var req_div= jQuery("[name=field_wcb_" + field_type + "_req]").closest("span");
            
        if(field_type=="state"){
            jQuery(".input-ca-state").each(function(){
                if(!jQuery(this).is(":hidden")){
                    jQuery(this).toggleClass('rm-disable');
                }
            }); 

            enable_field= jQuery("#rm_field_wcb_state_en");
            if(enable_field.val()==1)
                enable_field.val(0);
            else
                enable_field.val(1);
            req_div.toggleClass('rm-disable');
        }
        else if(field_type=="country")
        {
            jQuery(".wcb_country").each(function(){
                if(!jQuery(this).is(":hidden")){
                    jQuery(this).toggleClass('rm-disable');
                }
            });
            
            enable_field= jQuery("#rm_field_wcb_country_en");
            if(enable_field.val()==1)
                enable_field.val(0);
            else
                enable_field.val(1);
            var country_search= jQuery("#field_wcb_en_country_search")
            req_div.toggleClass('rm-disable');
            country_search.toggleClass('rm-disable');
        }
        else
        {  
            enable_field= jQuery("#rm_field_wcb_" + field_type + "_en");
            var field= jQuery("#rm_field_wcb_" + field_type );
            
            
            if(field.hasClass("rm-disable"))
                enable_field.val(1);
            else
                enable_field.val(0);
            
            field.toggleClass('rm-disable');
            req_div.toggleClass('rm-disable');
        }
                    
        jQuery(obj).closest(".rm-ca-actions").toggleClass('rm-field-visibility');
    }
    
    
    // Show/Hide United States/Canada states
    function america_can_country_changed(){
           var selected_val= jQuery("#rm_wcb_state_america_can").val();
           jQuery(".rmstates").hide();
           jQuery("#rm_field_wcb_state_" + selected_val).show();
           rm_show_state_code_options();
           rm_show_state_by_country();
    }
    
    function rm_show_state_country_fields(type){
        jQuery(".rmstates").hide();
        jQuery("#rm_field_wcb_state_" + type).show();
        
        jQuery(".wcb_country").hide();
        jQuery("#rm_field_wcb_country_" + type).show();  
        rm_show_state_code_options();
        if(type=="all"){
            jQuery("#field_wcb_en_country_search").hide();
        }
    }
    
    function rm_show_state_by_country(){
        var country= jQuery("#rm_field_wcb_country_america_can").val();
        jQuery("#rm_field_wcb_state_america_can").show();
        if(country=="america")
        {   
            jQuery("#input_america_states").show();
            jQuery("#input_can_states").hide();
        }
        else
        {
            jQuery("#input_america_states").hide();
            jQuery("#input_can_states").show();
        }  
    }
    
    function rm_show_state_code_options(){
       var  america_can= jQuery("#rm_wcb_state_america_can");
       var america= jQuery("#rm_wcb_state_america");
       var show_codes_cb= jQuery("#rm_field_wcb_state_as_codes");
       
       if(america_can.is(":checked") || america.is(":checked"))
       {
            show_codes_cb.show();
       } 
       else
       {
           show_codes_cb.hide();
       }
       
    }
       
</script>

<?php 
    function rm_checkbox_state($value){
        return $value ? 'checked': '';
    }
?>