[civicrm-core.git] / templates / CRM / Event / Form / Participant.tpl

{*
 +--------------------------------------------------------------------+
 | CiviCRM version 4.4                                                |
 +--------------------------------------------------------------------+
 | Copyright CiviCRM LLC (c) 2004-2013                                |
 +--------------------------------------------------------------------+
 | This file is a part of CiviCRM.                                    |
 |                                                                    |
 | CiviCRM is free software; you can copy, modify, and distribute it  |
 | under the terms of the GNU Affero General Public License           |
 | Version 3, 19 November 2007 and the CiviCRM Licensing Exception.   |
 |                                                                    |
 | CiviCRM is distributed in the hope that it will be useful, but     |
 | WITHOUT ANY WARRANTY; without even the implied warranty of         |
 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.               |
 | See the GNU Affero General Public License for more details.        |
 |                                                                    |
 | You should have received a copy of the GNU Affero General Public   |
 | License and the CiviCRM Licensing Exception along                  |
 | with this program; if not, contact CiviCRM LLC                     |
 | at info[AT]civicrm[DOT]org. If you have questions about the        |
 | GNU Affero General Public License or the licensing of CiviCRM,     |
 | see the CiviCRM license FAQ at http://civicrm.org/licensing        |
 +--------------------------------------------------------------------+
*}
{* This template is used for adding/editing/deleting offline Event Registrations *}

{* Ajax callback for showing event fee snippet *}
{if $showFeeBlock}
  {if $priceSet}
  <div id='validate_pricefield' class='messages crm-error hiddenElement'></div>
    {literal}
    <script type="text/javascript">

    var fieldOptionsFull = new Array( );
    {/literal}
    {foreach from=$priceSet.fields item=fldElement key=fldId}
      {if $fldElement.options}
        {foreach from=$fldElement.options item=fldOptions key=opId}
          {if $fldOptions.is_full}
            {literal}
              fieldOptionsFull[{/literal}{$fldId}{literal}] = new Array( );
            fieldOptionsFull[{/literal}{$fldId}{literal}][{/literal}{$opId}{literal}] = 1;
          {/literal}
          {/if}
        {/foreach}
      {/if}
    {/foreach}
    {literal}

    if ( fieldOptionsFull.length > 0 ) {
      cj(function() {
        cj("input,#priceset select,#priceset").each(function () {
          if ( cj(this).attr('price') ) {
            switch( cj(this).attr('type') ) {
              case 'checkbox':
              case 'radio':
                cj(this).click( function() {
                  validatePriceField(this);
                });
                break;

              case 'select-one':
                cj(this).change( function() {
                  validatePriceField(this);
                });
                break;
              case 'text':
                cj(this).bind( 'keyup', function() { validatePriceField(this) });
                break;
            }
          }
        });
      });

      function validatePriceField( obj ) {
        var namePart =  cj(obj).attr('name').split('_');
        var fldVal  =  cj(obj).val();
        if ( cj(obj).attr('type') == 'checkbox') {
          var eleIdpart = namePart[1].split('[');
          var eleId = eleIdpart[0];
        }
        else {
          var eleId  = namePart[1];
        }
        var showError = false;

        switch( cj(obj).attr('type') ) {
          case 'text':
            if ( fieldOptionsFull[eleId] && fldVal ) {
              showError = true;
              cj(obj).parent( ).parent( ).children('.label').addClass('crm-error');
            }
            else {
              cj(obj).parent( ).parent( ).children('.label').removeClass('crm-error');
              cj('#validate_pricefield').hide( ).html('');
            }
            break;

          case 'checkbox':
            var checkBoxValue = eleIdpart[1].split(']');
            if ( cj(obj).prop("checked") == true &&
              fieldOptionsFull[eleId] &&
              fieldOptionsFull[eleId][checkBoxValue[0]]) {
              showError = true;
              cj(obj).parent( ).addClass('crm-error');
            }
            else {
              cj(obj).parent( ).removeClass('crm-error');
            }
            break;

          default:
            if ( fieldOptionsFull[eleId] &&
              fieldOptionsFull[eleId][fldVal]  ) {
              showError = true;
              cj(obj).parent( ).addClass('crm-error');
            }
            else {
              cj(obj).parent( ).removeClass('crm-error');
            }
          }

        if ( showError ) {
          cj('#validate_pricefield').show().html("<span class='icon red-icon alert-icon'></span>{/literal}{ts escape='js'}This Option is already full for this event.{/ts}{literal}");
        }
        else {
          cj('#validate_pricefield').hide( ).html('');
        }
      }
    }

  // change the status to default 'partially paid' for partial payments
  var feeAmount, userModifiedAmount;
  var partiallyPaidStatusId = {/literal}{$partiallyPaidStatusId}{literal};

  cj('#total_amount')
   .focus(
     function() {
       feeAmount = cj(this).val();
       feeAmount = parseInt(feeAmount);
     }
   )
   .change(
    function() {
      userModifiedAmount = cj(this).val();
      userModifiedAmount = parseInt(userModifiedAmount);
      if (userModifiedAmount < feeAmount) {
        cj('#status_id').val(partiallyPaidStatusId).change();
      }
    }
  );

  cj('#Participant').on("click",'.validate',
    function(e) {
      var userSubmittedStatus = cj('#status_id').val();
      var statusLabel = cj('#status_id option:selected').text();
      if (userModifiedAmount < feeAmount && userSubmittedStatus != partiallyPaidStatusId) {
        var msg = "{/literal}{ts escape="js" 1="%1"}Payment amount is less than the amount owed. Expected participant status is 'Partially paid'. Are you sure you want to set the participant status to %1? Click OK to continue, Cancel to change your entries.{/ts}{literal}";
        var result = confirm(ts(msg, {1: statusLabel}));
        if (result == false) {
          return false;
        }
      }
    }
  );
  </script>
  {/literal}
  {/if}
  {include file="CRM/Event/Form/EventFees.tpl"}

{* Ajax callback for custom data snippet *}
{elseif $cdType}
  {include file="CRM/Custom/Form/CustomData.tpl"}

{* Main event form template *}
{else}
  {if $participantMode == 'test' }
    {assign var=registerMode value="TEST"}
    {elseif $participantMode == 'live'}
    {assign var=registerMode value="LIVE"}
  {/if}
  <h3>{if $action eq 1}{ts}New Event Registration{/ts}{elseif $action eq 8}{ts}Delete Event Registration{/ts}{else}{ts}Edit Event Registration{/ts}{/if}</h3>
  <div class="crm-block crm-form-block crm-participant-form-block">
    <div class="view-content">
      {if $participantMode}
        <div id="help">
          {ts 1=$displayName 2=$registerMode}Use this form to submit an event registration on behalf of %1. <strong>A %2 transaction will be submitted</strong> using the selected payment processor.{/ts}
        </div>
      {/if}
      <div id="eventFullMsg" class="messages status no-popup" style="display:none;"></div>


      {if $action eq 1 AND $paid}
        <div id="help">
          {ts}If you are accepting offline payment from this participant, check <strong>Record Payment</strong>. You will be able to fill in the payment information, and optionally send a receipt.{/ts}
        </div>
      {/if}

      {if $action eq 8} {* If action is Delete *}
        <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="top"}</div>
        <div class="crm-participant-form-block-delete messages status no-popup">
          <div class="crm-content">
            <div class="icon inform-icon"></div> &nbsp;
            {ts}WARNING: Deleting this registration will result in the loss of related payment records (if any).{/ts} {ts}Do you want to continue?{/ts}
          </div>
          {if $additionalParticipant}
            <div class="crm-content">
              {ts 1=$additionalParticipant} There are %1 more Participant(s) registered by this participant.{/ts}
            </div>
          {/if}
        </div>
        {if $additionalParticipant}
          {$form.delete_participant.html}
        {/if}
        {else} {* If action is other than Delete *}
        <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="top"}</div>
        <table class="form-layout-compressed">
          {if $single and $context neq 'standalone'}
            <tr class="crm-participant-form-block-displayName">
              <td class="label font-size12pt"><label>{ts}Participant{/ts}</label></td>
              <td class="font-size12pt view-value">{$displayName}&nbsp;</td>
            </tr>
            {else}
            {if !$participantMode and !$email and $outBound_option != 2 }
              {assign var='profileCreateCallback' value=1}
            {/if}
            <tr class="crm-participant-form-contact-id">
              <td class="label">{$form.contact_id.label}</td>
              <td>{$form.contact_id.html}</td>
            </tr>
          {/if}
          {if $action EQ 2}
            {if $additionalParticipants} {* Display others registered by this participant *}
              <tr class="crm-participant-form-block-additionalParticipants">
                <td class="label"><label>{ts}Also Registered by this Participant{/ts}</label></td>
                <td>
                  {foreach from=$additionalParticipants key=apName item=apURL}
                    <a href="{$apURL}" title="{ts}view additional participant{/ts}">{$apName}</a><br />
                  {/foreach}
                </td>
              </tr>
            {/if}
            {if $registered_by_contact_id}
              <tr class="crm-participant-form-block-registered-by">
                <td class="label"><label>{ts}Registered By{/ts}</label></td>
                <td class="view-value">
                  <a href="{crmURL p='civicrm/contact/view/participant' q="reset=1&id=$participant_registered_by_id&cid=$registered_by_contact_id&action=view"}"
                     title="{ts}view primary participant{/ts}">{$registered_by_display_name}</a>
                </td>
              </tr>
            {/if}
          {/if}
          {if $participantMode}
            <tr class="crm-participant-form-block-payment_processor_id">
              <td class="label nowrap">{$form.payment_processor_id.label}</td>
              <td>{$form.payment_processor_id.html}</td>
            </tr>
          {/if}
          <tr class="crm-participant-form-block-event_id">
            <td class="label">{$form.event_id.label}</td>
            <td class="view-value">
              {$form.event_id.html}
              {if $is_test}
                {ts}(test){/ts}
              {/if}
            </td>
          </tr>

        {* CRM-7362 --add campaign *}
        {include file="CRM/Campaign/Form/addCampaignToComponent.tpl" campaignTrClass="crm-participant-form-block-campaign_id"}

          <tr class="crm-participant-form-block-role_id">
            <td class="label">{$form.role_id.label}</td>
            <td>{$form.role_id.html}</td>
          </tr>
          <tr class="crm-participant-form-block-register_date">
            <td class="label">{$form.register_date.label}</td>
            <td>
              {if $hideCalendar neq true}
                    {include file="CRM/common/jcalendar.tpl" elementName=register_date}
                  {else}
                    {$form.register_date.html|crmDate}
                  {/if}
            </td>
          </tr>
          <tr class="crm-participant-form-block-status_id">
            <td class="label">{$form.status_id.label}</td>
            <td>{$form.status_id.html}{if $event_is_test} {ts}(test){/ts}{/if}
              <div id="notify">{$form.is_notify.html}{$form.is_notify.label}</div>
            </td>
          </tr>
          <tr class="crm-participant-form-block-source">
            <td class="label">{$form.source.label}</td><td>{$form.source.html|crmAddClass:huge}<br />
            <span class="description">{ts}Source for this registration (if applicable).{/ts}</span></td>
          </tr>
        </table>
       {if $participantId}
        <table class='form-layout'>
          <tr>
            <td class='label'>{ts}Fees{/ts}</td>
            {* this is where the payment info is shown using CRM/Contribute/Page/PaymentInfo.tpl tpl*}
            <td id='payment-info'></td>
          </tr>
         </table>
        {/if}
      {* Fee block (EventFees.tpl) is injected here when an event is selected. *}
        <div id="feeBlock"></div>
        <fieldset>
          <table class="form-layout">
            <tr class="crm-participant-form-block-note">
              <td class="label">{$form.note.label}</td><td>{$form.note.html}</td>
            </tr>
          </table>
        </fieldset>

        <div class="crm-participant-form-block-customData">
          <div id="customData" class="crm-customData-block"></div>  {* Participant Custom data *}
          <div id="customData{$eventNameCustomDataTypeID}" class="crm-customData-block"></div> {* Event Custom Data *}
          <div id="customData{$roleCustomDataTypeID}" class="crm-customData-block"></div> {* Role Custom Data *}
          <div id="customData{$eventTypeCustomDataTypeID}" class="crm-customData-block"></div> {* Role Custom Data *}
        </div>
      {/if}

      {if $accessContribution and $action eq 2 and $rows.0.contribution_id}
      {include file="CRM/Contribute/Form/Selector.tpl" context="Search"}
      {/if}

      <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>
    </div>
  </div>
  {* JS block for ADD or UPDATE actions only *}
  {if $action eq 1 or $action eq 2}
    {if $participantId}
      {include file="CRM/Contribute/Page/PaymentInfo.tpl" show='event-payment'}
    {/if}

    {*include custom data js file*}
    {include file="CRM/common/customData.tpl"}

    <script type="text/javascript">
      {literal}
      cj(function($) {

        var $form = $('form#{/literal}{$form.formName}{literal}');

        // don't show cart related statuses if it's disabled
        {/literal}{if !$enableCart}{literal}
          var pendingInCartStatusId = {/literal}{$pendingInCartStatusId}{literal};
          $("#status_id option[value='" + pendingInCartStatusId + "']").remove();
        {/literal}{/if}{literal}

        {/literal}{if $action eq 1}{literal}
          var pendingRefundStatusId = {/literal}{$pendingRefundStatusId}{literal};
          $("#status_id option[value='" + pendingRefundStatusId + "']").remove();
        {/literal}{/if}{literal}

        // Handle event selection
        $('#event_id', $form).change(function() {
          var eventId = $(this).val();
          if (!eventId) {
            return;
          }
          var info = $(this).select2('data').extra;

          // Set role from default
          $('[name^=role_id]:checkbox', $form).each(function() {
            var check = $(this).is('[name="role_id[' + info.default_role_id + ']"]');
            if (check !== $(this).prop('checked')) {
              $(this).prop('checked', check).change();
            }
          });

          // Set campaign default
          $('#campaign_id', $form).select2('val', info.campaign_id);

          // Event and event-type custom data
          CRM.buildCustomData('Participant', eventId, {/literal}{$eventNameCustomDataTypeID}{literal});
          CRM.buildCustomData('Participant', info.event_type_id, {/literal}{$eventTypeCustomDataTypeID}{literal});

          buildFeeBlock();
        });

        // Handle participant role selection
        $('[name^=role_id]:checkbox', $form).change(function() {
          var roleId = $(this).attr('name').replace(/role_id\[|\]/g, '');
          showCustomData('Participant', roleId, {/literal}{$roleCustomDataTypeID}{literal});
        });
        $('[name^=role_id]:checked', $form).change();

        buildFeeBlock();

        //build discount block
        if ($('#discount_id', $form).val()) {
          buildFeeBlock($('#discount_id', $form).val());
        }

        //build fee block
        function buildFeeBlock(discountId)  {
          var dataUrl = {/literal}"{crmURL p=$urlPath h=0 q="snippet=4&qfKey=$qfKey"}";

          {if $urlPathVar}
          dataUrl += '&' + '{$urlPathVar}';
          {/if}

          {literal}
          var eventId = $('#event_id').val();

          if (eventId) {
            dataUrl += '&eventId=' + eventId;
          }
          else {
            $('#eventFullMsg').hide( );
            $('#feeBlock').html('');
            return;
          }

          var participantId  = "{/literal}{$participantId}{literal}";

          if (participantId) {
            dataUrl += '&participantId=' + participantId;
          }

          if (discountId) {
            dataUrl += '&discountId=' + discountId;
          }

          $.ajax({
            url: dataUrl,
            async: false,
            global: false,
            success: function ( html ) {
              $("#feeBlock").html( html ).trigger('crmLoad');
            }
          });

          $("#feeBlock").ajaxStart(function(){
            $(".disable-buttons input").prop('disabled', true);
          });

          $("#feeBlock").ajaxStop(function(){
            $(".disable-buttons input").prop('disabled', false);
          });

          //show event real full as well as waiting list message.
          if ( $("#hidden_eventFullMsg").val( ) ) {
            $( "#eventFullMsg" ).show( ).html( $("#hidden_eventFullMsg" ).val( ) );
          }
          else {
            $( "#eventFullMsg" ).hide( );
          }
        }

        var roleGroupMapper = {/literal}{$participantRoleIds|@json_encode}{literal};
        function showCustomData( type, subType, subName ) {
          var dataUrl = {/literal}"{crmURL p=$urlPath h=0 q='snippet=4&type='}"{literal} + type;
          var roleid = "role_id_"+subType;
          var loadData = false;

          if ( document.getElementById( roleid ).checked == true ) {
            if ( typeof roleGroupMapper !== 'undefined' && roleGroupMapper[subType] ) {
              var splitGroup = roleGroupMapper[subType].split(",");
              for ( i = 0; i < splitGroup.length; i++ ) {
                var roleCustomGroupId = splitGroup[i];
                if ( $( '#'+roleCustomGroupId ).length > 0 ) {
                  $( '#'+roleCustomGroupId ).remove( );
                }
              }
              loadData = true;
            }
          }
          else {
            var groupUnload = [];
            var x = 0;

            if ( roleGroupMapper[0] ) {
              var splitGroup = roleGroupMapper[0].split(",");
              for ( x = 0; x < splitGroup.length; x++ ) {
                groupUnload[x] = splitGroup[x];
              }
            }

            for ( var i in roleGroupMapper ) {
              if ( ( i > 0 ) && ( document.getElementById( "role_id_"+i ).checked ) ) {
                var splitGroup = roleGroupMapper[i].split(",");
                for ( j = 0; j < splitGroup.length; j++ ) {
                  groupUnload[x+j+1] = splitGroup[j];
                }
              }
            }

            if ( roleGroupMapper[subType] ) {
              var splitGroup = roleGroupMapper[subType].split(",");
              for ( i = 0; i < splitGroup.length; i++ ) {
                var roleCustomGroupId = splitGroup[i];
                if ( $( '#'+roleCustomGroupId ).length > 0 ) {
                  if ( $.inArray( roleCustomGroupId, groupUnload ) == -1  ) {
                    $( '#'+roleCustomGroupId ).remove( );
                  }
                }
              }
            }
          }

          if ( !( loadData ) ) {
            return false;
          }

          if ( subType ) {
            dataUrl += '&subType=' + subType;
          }

          if ( subName ) {
            dataUrl += '&subName=' + subName;
            $( '#customData' + subName ).show( );
          }
          else {
            $( '#customData' ).show( );
          }

          {/literal}
          {if $urlPathVar}
            dataUrl += '&{$urlPathVar}';
          {/if}
          {if $groupID}
            dataUrl += '&groupID=' + '{$groupID}';
          {/if}
          {if $qfKey}
            dataUrl += '&qfKey=' + '{$qfKey}';
          {/if}
          {if $entityID}
            dataUrl += '&entityID=' + '{$entityID}';
          {/if}

          {literal}

          if ( subName && subName != 'null' ) {
            var fname = '#customData' + subName;
          }
          else {
            var fname = '#customData';
          }

          var response = $.ajax({url: dataUrl,
            async: false
          }).responseText;

          if ( subType != 'null' ) {
            if ( document.getElementById(roleid).checked == true ) {
              var response_text = '<div style="display:block;" id = '+subType+'_chk >'+response+'</div>';
              $( fname ).append(response_text).trigger('crmLoad');
            }
            else {
              $('#'+subType+'_chk').remove();
            }
          }
        }

        {/literal}
        CRM.buildCustomData( '{$customDataType}', 'null', 'null' );
        {if $eventID}
          CRM.buildCustomData( '{$customDataType}', {$eventID}, {$eventNameCustomDataTypeID} );
        {/if}
        {if $eventTypeID}
          CRM.buildCustomData( '{$customDataType}', {$eventTypeID}, {$eventTypeCustomDataTypeID} );
        {/if}
        {literal}

      });
    </script>
    {/literal}

    {* jscript to warn if unsaved form field changes *}
    {include file="CRM/common/formNavigate.tpl"}
  {/if}


<script type="text/javascript">
  {literal}

  sendNotification();
  function sendNotification() {
    var notificationStatusIds = {/literal}"{$notificationStatusIds}"{literal};
    notificationStatusIds = notificationStatusIds.split(',');
    if (cj.inArray(cj('select#status_id option:selected').val(), notificationStatusIds) > -1) {
      cj("#notify").show();
      cj("#is_notify").prop('checked', true);
    }
    else {
      cj("#notify").hide();
      cj("#is_notify").prop('checked', false);
    }
  }

  {/literal}
  {if $profileCreateCallback}
    {literal}
    function profileCreateCallback( blockNo ) {
      if( cj('#event_id').val( ) &&  cj('#email-receipt').length > 0 ) {
        checkEmail( );
      }
    }
    {/literal}
  {/if}
  {literal}
  cj(function() {
    cj().crmAccordions();
  });
  {/literal}
</script>

{/if} {* end of main event block*}