{*------------------------------------------------------------+
| SYSTOPIA Twingle Integration                                |
| Copyright (C) 2018 SYSTOPIA                                 |
| Author: J. Schuppe (schuppe@systopia.de)                    |
+-------------------------------------------------------------+
| This program is released as free software under the         |
| Affero GPL license. You can redistribute it and/or          |
| modify it under the terms of this license which you         |
| can read by viewing the included agpl.txt or online         |
| at www.gnu.org/licenses/agpl.html. Removal of this          |
| copyright header is strictly prohibited without             |
| written permission from the original author(s).             |
+-------------------------------------------------------------*}

<div class="crm-block crm-form-block">

  {if $op == 'create' or $op == 'edit' or $op == 'copy'}

    <fieldset>

      <legend>{ts domain="de.systopia.twingle"}General settings{/ts}</legend>

      <table class="form-layout-compressed">

        <tr class="crm-section">
          <td class="label">{$form.name.label}</td>
          <td class="content">{$form.name.html}</td>
        </tr>

        <tr class="crm-section">
          {if not $is_default}
          <td class="label">{$form.selector.label}
            <a
                    onclick='
                            CRM.help(
                            "{ts domain="de.systopia.twingle"}Project IDs{/ts}",
                    {literal}{
                      "id": "id-project_ids",
                      "file": "CRM\/Twingle\/Form\/Profile"
                    }{/literal}
                            );
                            return false;
                            '
                    href="#"
                    title="{ts domain="de.systopia.twingle"}Help{/ts}"
                    class="helpicon"
            ></a>
          </td>
          <td id="selectors" class="content">{$form.selector.html}</td>
          {/if}
        </tr>

        <tr class="crm-section">
          <td class="label">{$form.xcm_profile.label}
            <a
                    onclick='
                            CRM.help(
                            "{ts domain="de.systopia.twingle"}XCM Profile{/ts}",
                    {literal}{
                      "id": "id-xcm_profile",
                      "file": "CRM\/Twingle\/Form\/Profile"
                    }{/literal}
                            );
                            return false;
                            '
                    href="#"
                    title="{ts domain="de.systopia.twingle"}Help{/ts}"
                    class="helpicon"
            ></a>
          </td>
          <td class="content">{$form.xcm_profile.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">
            {$form.location_type_id.label}
            <a
                    onclick='
                            CRM.help(
                            "{ts domain="de.systopia.twingle"}Location type{/ts}",
                    {literal}{
                      "id": "id-location_type_id",
                      "file": "CRM\/Twingle\/Form\/Profile"
                    }{/literal}
                            );
                            return false;
                            '
                    href="#"
                    title="{ts domain="de.systopia.twingle"}Help{/ts}"
                    class="helpicon"
            ></a>
          </td>
          <td class="content">{$form.location_type_id.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">
            {$form.location_type_id_organisation.label}
            <a
              onclick='
                CRM.help(
                  "{ts domain="de.systopia.twingle"}Location type for organisations{/ts}",
                  {literal}{
                    "id": "id-location_type_id_organisation",
                    "file": "CRM\/Twingle\/Form\/Profile"
                  }{/literal}
                );
                return false;
              '
              href="#"
              title="{ts domain="de.systopia.twingle"}Help{/ts}"
              class="helpicon"
            ></a>
          </td>
          <td class="content">{$form.location_type_id_organisation.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">{$form.required_address_components.label}
            <a
                    onclick='
                            CRM.help(
                            "{ts domain="de.systopia.twingle"}Required address components{/ts}",
                    {literal}{
                      "id": "id-required_address_components",
                      "file": "CRM\/Twingle\/Form\/Profile"
                    }{/literal}
                            );
                            return false;
                            '
                    href="#"
                    title="{ts domain="de.systopia.twingle"}Help{/ts}"
                    class="helpicon"
            ></a>
          </td>
          <td class="content">{$form.required_address_components.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">
            {$form.financial_type_id.label}
            <a
                    onclick='
                            CRM.help(
                            "{ts domain="de.systopia.twingle"}Financial type{/ts}",
                    {literal}{
                      "id": "id-financial_type_id",
                      "file": "CRM\/Twingle\/Form\/Profile"
                    }{/literal}
                            );
                            return false;
                            '
                    href="#"
                    title="{ts domain="de.systopia.twingle"}Help{/ts}"
                    class="helpicon"
            ></a>
          </td>
          <td class="content">{$form.financial_type_id.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">
            {$form.financial_type_id_recur.label}
            <a
                    onclick='
                            CRM.help(
                            "{ts domain="de.systopia.twingle"}Financial type (recurring){/ts}",
                    {literal}{
                      "id": "id-financial_type_id_recur",
                      "file": "CRM\/Twingle\/Form\/Profile"
                    }{/literal}
                            );
                            return false;
                            '
                    href="#"
                    title="{ts domain="de.systopia.twingle"}Help{/ts}"
                    class="helpicon"
            ></a>
          </td>
          <td class="content">{$form.financial_type_id_recur.html}</td>
        </tr>

        {if isset($form.sepa_creditor_id)}
          <tr class="crm-section">
            <td class="label">{$form.sepa_creditor_id.label}</td>
            <td class="content">{$form.sepa_creditor_id.html}</td>
          </tr>
        {/if}

        <tr class="crm-section">
          <td class="label">{ts domain="de.systopia.twingle"}Gender/Prefix for value 'male'{/ts}</td>
          <td class="content">{$form.gender_male.html} / {$form.prefix_male.html}</td>
        </tr>
        <tr class="crm-section">
          <td class="label">{ts domain="de.systopia.twingle"}Gender/Prefix for value 'female'{/ts}</td>
          <td class="content">{$form.gender_female.html} / {$form.prefix_female.html}</td>
        </tr>
        <tr class="crm-section">
          <td class="label">{ts domain="de.systopia.twingle"}Gender/Prefix for value 'other'{/ts}</td>
          <td class="content">{$form.gender_other.html} / {$form.prefix_other.html}</td>
        </tr>

      </table>

    </fieldset>

    <fieldset>

      <legend>{ts domain="de.systopia.twingle"}Payment methods{/ts}</legend>

      <table class="form-layout-compressed">
        {foreach key=pi_name item=pi_label from=$payment_instruments}
          <tr class="crm-section {cycle values="odd,even"}">

            <td class="label">{$form.$pi_name.label}</td>
            <td class="content">{$form.$pi_name.html}</td>

            {capture assign="pi_contribution_status"}{$pi_name}_status{/capture}
            <td class="label">{$form.$pi_contribution_status.label}</td>
            <td class="content">{$form.$pi_contribution_status.html}</td>

          </tr>
        {/foreach}
      </table>

    </fieldset>

    <fieldset>

      <legend>{ts domain="de.systopia.twingle"}Groups and Correlations{/ts}</legend>

      <table class="form-layout-compressed">

        <tr class="crm-section">
          <td class="label">{$form.newsletter_groups.label}</td>
          <td class="content">{$form.newsletter_groups.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">
            {$form.newsletter_double_opt_in.label}
            <a
                    onclick='
                            CRM.help(
                            "{ts domain="de.systopia.twingle"}Newsletter Double Opt-In{/ts}",
                    {literal}{
                      "id": "id-newsletter-double-opt-in",
                      "file": "CRM\/Twingle\/Form\/Profile"
                    }{/literal}
                            );
                            return false;
                            '
                    href="#"
                    title="{ts domain="de.systopia.twingle"}Help{/ts}"
                    class="helpicon"
            ></a>
          </td>
          <td class="content">{$form.newsletter_double_opt_in.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">{$form.postinfo_groups.label}</td>
          <td class="content">{$form.postinfo_groups.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">{$form.donation_receipt_groups.label}</td>
          <td class="content">{$form.donation_receipt_groups.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">{$form.campaign.label}</td>
          <td class="content">{$form.campaign.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">{$form.campaign_targets.label}</td>
          <td class="content">{$form.campaign_targets.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">{$form.membership_type_id.label}</td>
          <td class="content">{$form.membership_type_id.html}</td>
        </tr>
        <tr class="crm-section">
          <td class="label">{$form.membership_type_id_recur.label}</td>
          <td class="content">{$form.membership_type_id_recur.html}</td>
        </tr>
        <tr class="crm-section twingle-postprocess-call">
          <td class="label">
            {$form.membership_postprocess_call.label}
            <a
                    onclick='
                            CRM.help(
                            "{ts domain="de.systopia.twingle"}Membership Postprocessing{/ts}",
                    {literal}{
                      "id": "id-membership-postprocessing-call",
                      "file": "CRM\/Twingle\/Form\/Profile"
                    }{/literal}
                            );
                            return false;
                            '
                    href="#"
                    title="{ts domain="de.systopia.twingle"}Help{/ts}"
                    class="helpicon"
            ></a>
          </td>
          <td class="content">{$form.membership_postprocess_call.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">{$form.contribution_source.label}</td>
          <td class="content">{$form.contribution_source.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">
            {$form.map_as_contribution_notes.label}
            {help id="id-map_as_contribution_notes" title=$form.map_as_contribution_notes.label}
          </td>
          <td class="content">{$form.map_as_contribution_notes.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">
            {$form.map_as_contact_notes.label}
            {help id="id-map_as_contact_notes" title=$form.map_as_contact_notes.label}
          </td>
          <td class="content">{$form.map_as_contact_notes.html}</td>
        </tr>

        <tr class="crm-section">
          <td class="label">
            {$form.custom_field_mapping.label}
            <a
                    onclick='
                            CRM.help(
                            "{ts domain="de.systopia.twingle"}Custom field mapping{/ts}",
                    {literal}{
                      "id": "id-custom_field_mapping",
                      "file": "CRM\/Twingle\/Form\/Profile"
                    }{/literal}
                            );
                            return false;
                            '
                    href="#"
                    title="{ts domain="de.systopia.twingle"}Help{/ts}"
                    class="helpicon"
            ></a>
          </td>
          <td class="content">{$form.custom_field_mapping.html}</td>
        </tr>

      </table>

      {if $twingle_use_shop eq 1}

      <legend>{ts domain="de.systopia.twingle"}Shop Integration{/ts}</legend>

      <table class="form-layout-compressed">
        <tr class="crm-section">
          <td class="label">
              {$form.enable_shop_integration.label}
            <a
              onclick='
                CRM.help(
                "{ts domain="de.systopia.twingle"}Enable Shop Integration{/ts}",
              {literal}{
                "id": "id-enable_shop_integration",
                "file": "CRM\/Twingle\/Form\/Profile"
              }{/literal}
                );
                return false;
                '
              href="#"
              title="{ts domain="de.systopia.twingle"}Help{/ts}"
              class="helpicon"
            ></a>
          </td>
          <td class="content">{$form.enable_shop_integration.html}</td>
        </tr>

          <tr class="crm-section twingle-shop-element">
            <td class="label">{$form.shop_financial_type.label}</td>
            <td class="content">{$form.shop_financial_type.html}</td>
          </tr>

          <tr class="crm-section twingle-shop-element">
            <td class="label">{$form.shop_donation_financial_type.label}</td>
            <td class="content">{$form.shop_donation_financial_type.html}</td>
          </tr>

          <tr class="crm-section twingle-shop-element">
            <td class="label">{$form.shop_map_products.label}
              <a
                onclick='
                  CRM.help(
                  "{ts domain="de.systopia.twingle"}Map Products as Price Fields{/ts}",
                {literal}{
                  "id": "id-shop_map_products",
                  "file": "CRM\/Twingle\/Form\/Profile"
                }{/literal}
                  );
                  return false;
                  '
                href="#"
                title="{ts domain="de.systopia.twingle"}Help{/ts}"
                class="helpicon"
              ></a></td>
            <td class="content">{$form.shop_map_products.html}
              <i id="twingle-shop-spinner" class="crm-i fa-spinner fa-spin"></i>
                <div class="twingle-product-mapping">
                  <div id="tableContainer"></div>
                </div>
            </td>
          </tr>
      </table>

      {/if}

    </fieldset>

  {elseif $op == 'delete'}
    {if $profile_name}
      {if $profile_name == 'default'}
        <div class="status">{ts domain="de.systopia.twingle" 1=$profile_name}Are you sure you want to reset the default profile?{/ts}</div>
      {else}
        <div class="status">{ts domain="de.systopia.twingle" 1=$profile_name}Are you sure you want to delete the profile <em>%1</em>?{/ts}</div>
      {/if}
    {else}
      <div class="crm-error">{ts domain="de.systopia.twingle"}Profile name not given or invalid.{/ts}</div>
    {/if}
  {/if}

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

</div>

{literal}
<script>
  /**
   * Update the form fields based on whether membership creation is currently active
   */
  function twingle_membership_active_changed() {
    let active = cj('#membership_type_id').val() || cj('#membership_type_id_recur').val();
    if (active) {
      cj('#membership_postprocess_call').parent().parent().show();
    } else {
      cj('#membership_postprocess_call').val(''); // empty to avoid hidden validation fail
      cj('#membership_postprocess_call').parent().parent().hide();
    }
  }

  // register events
  cj(document).ready(function (){
    cj('#membership_type_id').change(twingle_membership_active_changed);
    cj('#membership_type_id_recur').change(twingle_membership_active_changed);

    // init Twingle Shop integration
    if ({/literal}{if $twingle_use_shop eq 1}true{else}false{/if}{literal}) {
      twingleShopInit();
    }
  });

  // run once
  twingle_membership_active_changed();
</script>
{/literal}