<?php session_start();
/**
 * @package    WordPress
 * @subpackage      Children Charity
 * @version         1.0.7
 * 
 * Template Name: Checkout
 * Created by CMSMasters
 * 
 */

get_header();

list($cmsmasters_layout) = children_charity_theme_page_layout_scheme();
$user = wp_get_current_user(); 


$post_id = $_SESSION['child_id'];
if($post_id == '') {
    $post_id = $_COOKIE['child_id'];
}

$queried_post = get_post($post_id);
$title = $queried_post->post_title;
$categories = get_the_terms( $post_id, 'children_categories' );
?>


<section class="dashboard_page">
<div class="tw-row v-gap-none">
      <?php if ( is_user_logged_in() ) { ?>
        <?php include("user/sidebar.php"); }?>
      
      <main class="tw-col-md-9 p-l-50 common_sec">
        <header class="dFlex vCenter">
          <h1 class="sec_title">Checkout</h1>
       </header>
 <section class="editable_wrapper">
 <form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" id="payWithPaypal">

          <input type="hidden" name="amount" id="amount_pass" value="">
          <input type="hidden" name="cmd" value="_donations"/>
          <input type="hidden" name="business" value="sb-aesnq27595248@business.example.com" />
          <input type="hidden" name="notify_url" value="<?php echo get_stylesheet_directory_uri(); ?>/sponsor-response-new.php"/>
          <input type="hidden" name="currency_code" value="CAD" />
          <input type="hidden" name="custom[]" id="pdonation_id" value="" />
         <input type='hidden' name='return' value=<?php echo get_site_url().'/thank-you/?pay=1'; ?>>

         <div class="input-holder dFlex">
            <label>Cause</label>
            <input type="text" name="cause_title" id="cause" value="<?php echo $categories[0]->name;?>" readonly  class="form-control">
            <input type="hidden" id="cause_id" value="<?php echo $categories[0]->term_id;?>">
         </div>        
       
         <div class="input-holder dFlex">
                <label>Case</label>
                <input type="text" name="case_title" id="case_title" value="<?php echo $title;?>" readonly  class="form-control">
          </div>

           <?php if ( is_user_logged_in() ) { 
                $usr = wp_get_current_user(); 
                $name = $usr->user_firstname;
            }
            else {
                $name = "";
            }

            ?>

        <div class="input-holder dFlex">
                <label>Name</label>
                <input type="text" id="customer_name" name="name" value="<?php echo $name; ?>" class="required form-control" title="Name">
        </div>
        <?php if ( !is_user_logged_in() ) { ?>
            <div class="input-holder dFlex">
                <label>Email</label>
                <input type="text" id="customer_email" name="email" class="required form-control" title="Email">
            </div>
        <?php } ?>
        <div class="input-holder dFlex">
            <label>Amount</label>
            <input type="text" id="amt" name="ifsc" class="required numbersOnly form-control" title="Amount">
        </div>

        <div class="input-holder dFlex">
            <!--  Date
            <input type="text form-control" id="date" name="date" class="required form-control" title="Date"><br> -->
            <input type="button" class="btnpay" value="PAY NOW" id="pay_now">
        </div>

</form>
</section>
</main>

</div>
</section>
<?php get_footer();?>


<script type="text/javascript">
jQuery('#pay_now').click(function(e) {
  var $formId = jQuery(this).parents('form');
  var formAction = $formId.attr('action');
  var amount =/[^0-9]/g;
  var $error = jQuery('<span class="error"></span>');
  jQuery('span.error').remove();
  jQuery('.input-holder').removeClass('error');
  jQuery('.required', $formId).each(function() {
    var inputVal = jQuery.trim(jQuery(this).val());
    var fieldtitle = jQuery(this).attr("title");
    var fieldname = jQuery(this).attr("name");
    var $parentTag = jQuery(this).parent();
    if (inputVal == '' || inputVal == '-1') {
        $parentTag.addClass('error').append($error.clone().text('Please enter your ' + fieldtitle + '.'));
        jQuery(this).focus();
        return false;
    }

    // if (jQuery(this).hasClass('numbersOnly') == true) {
    //     if (!amount.test(inputVal)) {
    //             $parentTag.addClass('error').append($error.clone().text('Sorry, you have entered an invalid amount.'));
    //             jQuery(this).focus();
    //             return false;
    //         }
    // }


  });

  if (jQuery('span.error').length > 0) {
    jQuery('span.error').each(function() {

        // Set the distance for the error animation
        var distance = 5;

        // Get the error dimensions
        var width = jQuery(this).outerWidth();

        // Calculate starting position
        var start = width + distance;

        // Set the initial CSS
        jQuery(this).show().css({
                display: 'block',
                opacity: 0
            })

            // Animate the error message
            .animate({
                opacity: 1
            }, 'slow');
          });
  } else {




     var customer_name = jQuery("#customer_name").val();
     var cause = jQuery("#cause").val();
     var case_title = jQuery("#case_title").val();
     var cause_id = jQuery("#cause_id").val();
     // var bnk_name = jQuery("#bnk_name").val();
     // var bnk_acc = jQuery("#bnk_acc").val();
     // var ifsc = jQuery("#bnk_ifsc").val();
     var amount = jQuery("#amt").val();
     var email = jQuery("#customer_email").val();
     // var purpose = jQuery("#message").val();
jQuery('#amount_pass').val(amount);
jQuery.ajax({ type: 'POST',   
        url: "<?php echo bloginfo('stylesheet_directory'); ?>/pay_now.php", 
        data: {
               cause_id:cause_id,
               cause:cause,
               case_title:case_title,
               amount:amount,
               customer_name:customer_name,
               email:email,
   },
      //  async: true,
       // cache: false,
        success : function(data){
            jQuery('#pdonation_id').val(data);
              jQuery('#payWithPaypal').submit();
              
              
       }
  });
} 
  // Prevent form submission
  e.preventDefault();
});
</script>