Subversion Repositories SmartDukaan

Rev

Rev 10627 | Rev 10657 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 10627 Rev 10629
Line 1... Line 1...
1
     <?php $payments = json_decode($payment_process[0]);
1
function sigin()
2
     $results = $payments->results;
2
{
3
     $emi = $emi[0];
3
    return false;
4
     $bankInfo = array();
4
    var pass1 = document.getElementById("txtPassword").value;
5
     $i=0;
5
    var email = document.getElementById("txtEmail").value;
6
     foreach($emi->emiSchemes as $bank){
6
    var server = document.getElementById('servererror');
7
         if(empty($bankInfo) || !in_array($bank->bankId,$bankInfo)){
7
    var atpos = email.indexOf("@");
8
            $bankInfo[$i]['Id'] = $bank->bankId;
8
    var dotpos = email.lastIndexOf(".");
9
            $bankInfo[$i]['Name'] = $bank->bankName;
9
  if(email =='')
10
            $i++;
10
      { 
11
         }
11
        if(server)
12
     }
12
        document.getElementById('servererror').style.display = "none";    
13
     $tmp = array ();
13
        document.getElementById('error').style.display = "block";
14
     foreach ($bankInfo as $row) 
14
        document.getElementById('errorcode').innerHTML ='Please fill Email field!';
15
      if (!in_array($row,$tmp))
15
        window.scrollTo(0,0); return false;}
16
        array_push($tmp,$row);
16
  if((atpos<1) || (dotpos < atpos+2) || (dotpos+2 >= email.length)){
17
      $bankInfo = $tmp;
17
        if(server)
18
     $emiInfo = array();
18
        document.getElementById('servererror').style.display = "none";  
19
     $i=0;
19
        document.getElementById('error').style.display = "block";
20
     foreach($bankInfo as $bankId){
20
        document.getElementById('errorcode').innerHTML ='Please fill Email in correct format!';
21
      $j=0;
21
        window.scrollTo(0,0); return false;
22
       foreach($emi->emiSchemes as $bank){
22
              }    
23
          if($bankId['Id'] == $bank->bankId){
23
  if(email.length> 50)
24
            $amount = str_replace(',', '', $payments->results->totalAmount);
24
      { 
25
            $amount = number_format((float)$amount,0,'.','');
25
           if(server)
26
            $rate = $bank->interestRate/(12*100);
26
          document.getElementById('servererror').style.display = "none";  
27
            $term = $bank->tenure;
27
          document.getElementById('error').style.display = "block";
28
            $installment = $amount * $rate * (pow(1 + $rate, $term) / (pow(1 + $rate, $term) - 1));
28
          document.getElementById('errorcode').innerHTML ='Please Enter Less than 50 characters in Email field!';
29
            $installment = round($installment*100/100);
29
          window.scrollTo(0,0); return false;} 
30
            $installment = number_format((float)$installment,2,'.','');
30
  if(pass1 =='')
31
            $totalAmount = ceil($installment*$term);
31
      {   if(server)
32
            $bank->installment = number_format((float)$installment, 2,'.','');
32
          document.getElementById('servererror').style.display = "none";  
33
            $bank->total = $totalAmount;
33
          document.getElementById('error').style.display = "block";
34
            $intrestAmount = $totalAmount-$amount;
34
          document.getElementById('errorcode').innerHTML ='Please fill Password field!';
35
            $bank->intrestAmount = $intrestAmount;
35
          window.scrollTo(0,0); return false;}   
36
            $emiInfo[$i][$j] = $bank;
36
  if(!pass1.match(/^[A-Za-z0-9 ]{1,50}$/))
37
            $j++;
37
      {   if(server)
38
          }
38
          document.getElementById('servererror').style.display = "none";  
39
       }
39
          document.getElementById('error').style.display = "block";
40
       $i++;
40
          document.getElementById('errorcode').innerHTML ='Please fill Alphabets and Numbers Only In Password field!';
41
     }
41
          window.scrollTo(0,0); return false;} 
42
     //print_r($payments);
42
  if(pass1.length>50){
43
     ?>
43
          if(server)
44
          
44
          document.getElementById('servererror').style.display = "none";  
45
    <div class="payment-cont">
45
          document.getElementById('error').style.display = "block";
46
         <div class="shipping-head clearfix">
46
          document.getElementById('errorcode').innerHTML ='Password Must be less than 50 characters!';
47
          <div class="shipping">Shipping</div>
47
          window.scrollTo(0,0); return false;
48
          <div class="payment selected">Payment</div>
48
     }     
49
        </div>
49
}
50
    <div class="payment-hldr">
50
 
51
      <div class="gd-total clearfix">
51
function shippingform(){
52
        <div>Grand total</div>
52
  debugger;
53
        <div>RS <?php echo $payments->results->totalAmount;?> </div>
53
  var fname = document.getElementById("name").value;
54
      </div><!--gd-total-->
54
  var street1 = document.getElementById("line1").value;
55
      <div class="hldr-sub">
55
  var street2 = document.getElementById("line2").value;
56
        <div class="card">Select Payment Method</div>
56
  var city = document.getElementById("city").value;
57
        <div id="error" class="error_msg" style="display:<?php if(isset($codCaptcha) && $codCaptcha == 1 ){echo 'block';} else { echo 'none'; }?>"><?php if(isset($codCaptcha) && $codCaptcha ==1){echo 'Invalid Captcha';}?></div>
57
  // var state = document.getElementById("state");
58
        <?php if(($amount != 0) && !isset($payments->results->isTotalAmountZero)) {
58
  // state = state.options[state.selectedIndex].text;
59
          foreach($payments->options as $payment){
59
  var zipcode = document.getElementById("pin").value; 
60
         if($payment->label == 'CREDIT CARDS'){
60
  var phone = document.getElementById("phone").value;
61
          $defaultPayment = $payment->type;?>
61
  if(fname =='')
62
        <div  id="<?php echo $payment->type;?>"class="card <?php if(!isset($codCaptcha) && $codCaptcha !=1 ){echo 'selected';}?>" onclick="changePayment(event);"><?php echo $payment->label;?> <span>-</span></div>
62
      {   
63
        <div style="display:<?php if(isset($codCaptcha) && $codCaptcha ==1 ){echo 'none';} else { echo 'block'; }?>" class="credit-cards clearfix">
63
        document.getElementById('error').style.display = "block";
64
          <div class="c-info">You will be taken to our Bank's payment gateway for making this payment.</div>
64
        document.getElementById('error').innerHTML ='Please fill name field!';
65
          <form id="creditcard" method="post" data-key="<?php echo $payment->label;?>" action="<?php echo base_url().'payment';?>" onsubmit="return paymentValidation(event)">
65
        window.scrollTo(0,0); return false;}
66
            <fieldset>
66
  // if(!fname.match(/^[a-zA-Z]+$/))
67
           <div class="cc-hldr clearfix">
67
  //     {   
68
             <div id="india" class="selected" onclick="changeCountry(event)">Credit Cards </br>Issued in India</div> 
68
  //       document.getElementById('error').style.display = "block";
69
             <div id="outside" onclick="changeCountry(event)">Credit Cards </br>Issued outside India</div>
69
  //       document.getElementById('errorcode').innerHTML ='Please fill Alphabets Only In First Name!';
70
           </div>
70
  //       window.scrollTo(0,0); return false;}  
71
           <?php foreach($payment->options as $methods){
71
  if(fname.length> 50)
72
          if($methods->label == 'Credit Cards issued in India'){?>
72
      {   
73
          <div class="in-india clearfix c-box" style="display:block">
73
        document.getElementById('error').style.display = "block";
74
            <?php foreach($methods->paymethods as $payment){?>
74
        document.getElementById('error').innerHTML ='Please Enter Less Than 50 Characters in name field!';
75
            <div onclick="selectCard(event)" id="<?php echo $payment->pay_option?>" data-parent="<?php echo $payment->label; ?>">
75
        window.scrollTo(0,0); return false;}
76
              <img src="<?php echo  $this->config->item('curl_base_url').$payment->img?>;" alt="<?php echo $payment->label;?>">             
76
  if(street1 =='')
77
            </div>
77
      {   
78
            <?php } ?>
78
        document.getElementById('error').style.display = "block";
79
            <p >Tap to select your card type</p>
79
        document.getElementById('error').innerHTML ='Please fill address field!';
80
          </div><!--in-india-->
80
        window.scrollTo(0,0); return false;}
81
          <?php } elseif($methods->label == 'Credit Cards issued outside India'){ ?>
81
  if(city =='')
82
           <div class="out-india clearfix c-box" style="display:none;">
82
      {   
83
            <?php foreach($methods->paymethods as $payment){?>
83
        document.getElementById('error').style.display = "block";
84
            <div onclick="selectCard(event)" id="<?php echo $payment->pay_option?>" data-parent="<?php echo $payment->label; ?>">
84
        document.getElementById('error').innerHTML ='Please fill City field!';
85
              <img src="<?php echo  $this->config->item('curl_base_url').$payment->img?>;" alt="<?php echo $payment->label;?>">             
85
        window.scrollTo(0,0); return false;}
86
            </div>
86
  // if(state =='')
87
            <?php } ?>
87
  //     {   
88
            <p >Tap to select your card type</p>
88
  //       document.getElementById('error').style.display = "block";
89
          </div><!--out-india -->
89
  //       document.getElementById('error').innerHTML ='Please fill state field!';
90
          <?php } } ?>
90
  //       window.scrollTo(0,0); return false;}
91
          <input type="hidden" name="payoption" id="pay-credit" value=""/>
91
  if(zipcode =='')
92
          <input id='ccSubmit' type="submit" name="submit" value='Make Payment' class="payment-btn tcenter"/>
92
      {   
93
          </fieldset>
93
        document.getElementById('error').style.display = "block";
94
         </form>
94
        document.getElementById('error').innerHTML ='Please fill pincode field!';
95
        </div><!--credit-cards-->
95
        window.scrollTo(0,0); return false;}
96
        <?php } ?>
96
  if(zipcode.length !=6)
97
        <?php if($payment->label == 'DEBIT/ATM CARDS'){?>
97
      {   
98
        <div id="<?php echo $payment->type;?>" class="card" onclick="changePayment(event);"><?php echo $payment->label;?><span>+</span></div>
98
        document.getElementById('error').style.display = "block";
99
        <div class="c-box" style="display:none;">
99
        document.getElementById('error').innerHTML ='Pincode should be 6 digits long';
100
          <p class="c-info">You will be taken to our Bank's payment gateway for making this payment.</p>
100
        window.scrollTo(0,0); return false;}
101
          <form id="debitcard" method="post" data-key="<?php echo $payment->label;?>" action="<?php echo base_url().'payment';?>" onsubmit="return paymentValidation(event)"><fieldset>
101
  if(!zipcode.match(/^\d+/))
102
            <input type="hidden" name="payoption" id="pay-debit" value="" />
102
      {   
103
          <?php foreach($payment->paymethods as $methods){?>
103
        document.getElementById('error').style.display = "block";
104
          <div id="<?php echo $methods->pay_option;?>" onclick="selectDebitCard(event)" data-parent="<?php echo $payment->label; ?>"><img src="<?php echo  $this->config->item('curl_base_url').$methods->img?>;" alt="<?php echo $methods->label;?>"></div>
104
        document.getElementById('error').innerHTML ='Please Use numbers only for pincode!';
105
          <?php } ?>
105
        window.scrollTo(0,0); return false;}
106
          <p class="tcenter">Tap to select your card type</p>
106
  if(phone =='')
107
          <input id='debitSubmit' type="submit" name="submit" value='Make Payment' class="payment-btn tcenter"/>
107
      {   
108
          </fieldset></form>
108
        document.getElementById('error').style.display = "block";
109
        </div><!--c-box-->
109
        document.getElementById('error').innerHTML ='Please fill phone number field!';
110
        <?php }?>
110
        window.scrollTo(0,0); return false;}
111
        <?php if($payment->label == 'NET BANKING'){ ?>
111
  if(!phone.match(/^\d+/))
112
        <div id="<?php echo $payment->type;?>" class="card" onclick="changePayment(event);"><?php echo $payment->label;?><span>+</span></div> 
112
        {    document.getElementById('error').style.display = "block";
113
        <div class="info-hldr" style="display:none">
113
          document.getElementById('error').innerHTML ='Please Use numbers only for Mobile Number!';
114
         <div class="c-info">You will be taken to our Bank's payment gateway for making this payment.</div>
114
          window.scrollTo(0,0); return false;}
115
          <p>Please select your bank</p>
115
  if(phone.length != 10)
116
           <form id="netbanking" method="post" data-key="<?php echo $payment->label;?>" action="<?php echo base_url().'payment';?>" onsubmit="return paymentValidation(event)"><fieldset>
116
        {    document.getElementById('error').style.display = "block";
117
            <input type="hidden" name="payoption" id="pay-net" value="<?php echo $payment->paymethods[0]->pay_option;?>" />
117
          document.getElementById('error').innerHTML ='Mobile number should be of 10 digits!';
118
           <select id="net" onchange="changeNetBanking(event);" data-parent="<?php echo $payment->label; ?>"> 
118
          window.scrollTo(0,0); return false;}
119
            <?php foreach($payment->paymethods as $methods){?>
119
 
120
            <option value="<?php echo $methods->pay_option;?>" ><?php echo $methods->label;?></option>
120
}
121
            <?php } ?>
121
function showForm(){
122
          </select>
122
  document.getElementsByClassName("address-form")[0].style.display = 'block';
123
          <input id='netSubmit' type="submit" name="submit" value='Make Payment' class="payment-btn tcenter"/>
123
  document.getElementsByClassName("delivery-cont")[0].style.display = 'none';
124
          </fieldset></form>
124
}
125
        </div><!--c-box-->
125
 
126
        <?php } ?>
126
function deleteAddress(addressId){
127
        <?php if($payment->label == 'CASH CARDS'){ ?>
127
debugger;
128
        <div id="<?php echo $payment->type;?>" class="card" onclick="changePayment(event);"><?php echo $payment->label;?><span>+</span></div>        
128
var url = base_url+'checkout/delete/'+addressId;
129
        <div class="c-box" style="display:none">
129
  microAjax(url, function (res) {
130
          <p class="c-info">You will be taken to our Bank's payment gateway for making this payment.</p>
130
        debugger;
131
          <form id="cashcards" method="post" data-key="<?php echo $payment->label;?>" action="<?php echo base_url().'payment';?>" onsubmit="return paymentValidation(event)"><fieldset>
131
        if(res != ''){
132
            <input type="hidden" name="payoption" id="pay-cc" value="" />
132
          document.getElementById(addressId).style.display = 'none';
133
        <?php foreach($payment->paymethods as $methods){?>
133
        }
134
        <div id="<?php echo $methods->pay_option;?>" onclick="selectCashCard(event)" data-parent="<?php echo $payment->label; ?>"><img src="<?php echo  $this->config->item('curl_base_url').$methods->img?>;" alt="<?php echo $methods->label;?>"></div>
134
  });
135
        <?php } ?>
135
}
136
        <p class="tcenter">Tap to select your card type</p>
136
 
137
        <input type="button" value='Make Payment' class="payment-btn tcenter"/>
137
function changeAddress(addressId,type){
138
        </fieldset></form>
138
  debugger;
139
        </div><!--c-box-->
139
  if(defaultAddress != addressId){
140
        <?php } ?>
140
    var url = base_url+'checkout/changeAddress/'+addressId+'/'+type;
141
        <?php if($payment->label == 'CASH ON DELIVERY'){ ?>
141
    microAjax(url, function (res) {
142
        <div id="<?php echo $payment->type;?>" class="card <?php if(isset($codCaptcha) && $codCaptcha ==1 ){echo 'selected';}?>" onclick="changePayment(event);"><?php echo $payment->label;?><span>+</span></div>
142
        debugger;
143
        <div style="display:<?php if(isset($codCaptcha) && $codCaptcha ==1 ){echo 'block';} else { echo 'none'; }?>" class="info-hldr">
143
        if(res == ''){
144
          <!-- <p class="c-info">You will be taken to our Bank's payment gateway for making this payment.</p> -->
144
          document.getElementById(defaultAddress).className = 'deliver-address';
145
          <div id="captcha" class="tcenter"><?php print_r($captcha['image']);?></div>
145
          document.getElementById(addressId).className += ' selected-add';
146
              <div id="clickCaptcha" class="tcenter" onclick="changeCaptcha()">Click here to change image</div>
146
          defaultAddress = addressId;
147
          <form id="cod" method="post" data-key="<?php echo $payment->label;?>" action="<?php echo base_url().'payment';?>" onsubmit="return paymentValidation(event)">
147
        }
148
            <fieldset>
148
        else{
149
              <input type="hidden" name="payoption" id="pay-cod" value="<?php echo $payment->pay_option; ?>"/>
149
          return false;
150
              <input id="captcha_response_box" type="text" name="captcha_response_field" autocomplete="off">
150
        }
151
              <input type="submit" name="submit" value='Make Payment' class="payment-btn tcenter"/>
151
    });
152
          </fieldset>
152
  }
153
          </form>
153
}
154
        </div>
154
 
155
        <?php } ?>
155
function changePayment(e){
156
        <?php if($payment->label == 'EMI'){ ?>
156
  debugger;
157
        <div id="<?php echo $payment->type;?>" data-key="<?php echo $payment->label;?>" class="card" onclick="changePayment(event);"><?php echo $payment->label;?><span>+</span></div>
157
  var Id = e.currentTarget.id;
158
        <?php if(isset($emiInfo) && !empty($emiInfo)){ ?>
158
  var defaultId = defaultPayment.id;
159
            <div class="info-hldr" style="display:none">
159
  if(defaultId != Id){
160
              <p class="c-info">You will be taken to our Bank's payment gateway for making this payment.</p>
160
    var title = e.currentTarget.textContent.split('+')[0];
161
              <form id="emiform" method="post" data-key="<?php echo $payment->label;?>" action="<?php echo base_url().'payment';?>" onsubmit="return paymentValidation(event)">
161
    document.getElementById(defaultId).className = 'card';
162
                <fieldset>
162
    defaultPayment.nextElementSibling.style.display = 'none';
163
                  <p>Please select your bank</p>
163
    defaultPayment.children[0].innerHTML = '+';
164
                <?php if(isset($bankInfo) && !empty($bankInfo)){?>
164
    document.getElementById(Id).className += ' selected';
165
                  <select id="emibank" onchange="changeBank(event);">
165
    document.getElementById(Id).children[0].innerHTML = '-';
166
                  <?php
166
    e.currentTarget.nextElementSibling.style.display = 'block';
167
                    foreach ($bankInfo as $key => $value) { ?>
167
    //document.getElementById(Id).style.display = 'block';
168
                      <option value="<?php echo $value['Id'];?>"><?php echo $value['Name']; ?></option>
168
    defaultPayment = e.currentTarget;
169
                    <?php  }  ?>
169
    ga('send', 'event', 'Payment Option', 'Payment option tab clicked',title);
170
                  </select>
170
  }
171
                <?php } ?>
171
}
172
                  
172
if(typeof bankInfo != 'undefined'){
173
                  <div class="emi-hldr clearfix">
173
var defaultBank = bankInfo.Id;
174
                    <?php $i=0;?>
174
}
175
                    <div class="emi-head clearfix">
175
function changeBank(e){
176
                      <div>Tenure@rate</div>
176
  debugger;
177
                      <div>Total Intrest</div>
177
  var Id = e.currentTarget.value;
178
                      <div>Monthly Installement</div>
178
  var payOption = document.getElementById(Id).children[0].id;
179
                    </div><!--emi-head-->
179
  document.getElementById(defaultBank).style.display = 'none';
180
                    <input type="hidden" name="payoption" id="pay-emi" value="<?php echo $emiInfo[0][0]->id;?>"/>
180
  document.getElementById(Id).style.display = 'block';
181
                      <?php foreach($emiInfo as $emi){?>
181
  document.getElementById('pay-emi').value = payOption;
182
                      <div style="display:<?php if($i == 0){echo 'block';} else {echo 'none';}?>" id="<?php echo $emi[0]->bankId;?>">
182
  defaultBank = Id;
183
                      <?php $j=0;foreach($emi as $emiScheme){?>
183
  var id = e.currentTarget.id;
184
                      <div class="emi-body clearfix <?php if($j==0) echo 'selected';?>" id="<?php echo $emiScheme->id;?>" onclick="changePay(event);" data-bank="<?php echo $emiScheme->bankName;?>" data-tenure="<?php echo $emiScheme->tenureDescription;?>">
184
  var a = document.getElementById(id);
185
                      <div><?php echo $emiScheme->tenureDescription.'@'.$emiScheme->interestRate.'%';?></div>
185
  var bankName = a.options[a.selectedIndex].text;
186
                      <div>Rs <?php echo $emiScheme->intrestAmount;?></div>
186
  ga('send', 'event', 'EMI', 'Bank Selection',bankName);
187
                      <div>Rs <?php echo $emiScheme->installment;?></div>
187
}
188
                      </div>
188
function changePay(e){
189
                    <?php $j++;} 
189
  debugger;
190
                    $i++; ?>
190
  var Id = e.currentTarget.id;
191
                    </div>
191
  var payOption = document.getElementById('pay-emi').value;
192
                  <?php }?>
192
  document.getElementById(payOption).className = 'emi-body clearfix';
193
                  </div>
193
  document.getElementById(Id).className += ' selected';
194
                <input id='emiSubmit' type="submit" name="submit" value='Make Payment' class="payment-btn tcenter"/>
194
  document.getElementById('pay-emi').value = Id;
195
                </fieldset>
195
  var bankName = e.currentTarget.getAttribute('data-bank');
196
                </form>
196
  var tenure = e.currentTarget.getAttribute('data-tenure');
197
            </div><!--info-hldr-->    
197
  bankName = bankName+'-'+tenure;
198
              <?php }}?>
198
  ga('send', 'event', 'EMI', 'Plan Selection',bankName);
199
        <?php } }elseif($amount ==0  && isset($payments->results->isTotalAmountZero) && $payments->results->isTotalAmountZero==1) {
199
}
200
          foreach($payments->options as $payment){
200
function changeNetBanking(e){
201
            if($payment->label == 'CONFIRM ORDER'){ ?>
201
  debugger;
202
              <div id="<?php echo $payment->type;?>" class="card"><?php echo $payment->label;?><span>+</span></div>
202
  var Id = e.currentTarget.value;
203
              <div style="" class="info-hldr">
203
  var payOption = document.getElementById('pay-net').value;
204
              <!-- <p class="c-info">You will be taken to our Bank's payment gateway for making this payment.</p> -->
204
  document.getElementById('pay-net').value = Id;
205
              <div id="captcha" class="tcenter"><?php print_r($captcha['image']);?></div>
205
  var title = e.currentTarget.getAttribute('data-parent');
206
              <div id="clickCaptcha" class="tcenter" onclick="changeCaptcha()">Click here to change image</div>
206
  title = title+'-'+Id;
207
              <form id="zod" method="post" data-key="<?php echo $payment->label;?>" action="<?php echo base_url().'payment';?>" onsubmit="return paymentValidation(event)">
207
  ga('send', 'event', 'Payment Option', 'Payment option tab-payotion selected',title);
208
                <fieldset>
208
}
209
                  <input id="captcha_response_box" type="text" name="captcha_response_field" autocomplete="off" placeholder="Please Enter Captcha">
209
function changeCountry(e){
210
                  <input type="hidden" name="payoption" id="pay-captcha" value="<?php echo $payment->pay_option; ?>"/>
210
  debugger;
211
                  <input type="submit" name="submit" value='Confirm Order' class="payment-btn tcenter"/>
211
  var Id = e.currentTarget.id;
212
                </fieldset>
212
  if(Id == 'india'){
213
              </form>
213
    document.getElementById('india').className = 'selected';
214
              </div>
214
    document.getElementById('outside').className = '';
215
            </div>
215
    document.getElementsByClassName('in-india')[0].style.display = 'block';
216
        <?php break;}
216
    document.getElementsByClassName('out-india')[0].style.display = 'none';
217
          }
217
  }
218
        }?>
218
  if(Id == 'outside'){
219
      </div><!--hldr-sub-->
219
    document.getElementById('outside').className = 'selected';
-
 
220
    document.getElementById('india').className = '';
-
 
221
    document.getElementsByClassName('out-india')[0].style.display = 'block';
-
 
222
    document.getElementsByClassName('in-india')[0].style.display = 'none';
-
 
223
  }
-
 
224
}
-
 
225
var previousCard;
-
 
226
function selectCard(e){
-
 
227
  debugger;
-
 
228
  var Id = e.currentTarget.id;
-
 
229
  if(previousCard == undefined){
-
 
230
    document.getElementById(Id).className = 'selected';
-
 
231
  }
-
 
232
  else if(previousCard != undefined){
-
 
233
    document.getElementById(previousCard).className = '';
-
 
234
    document.getElementById(Id).className = 'selected'; 
-
 
235
  }
-
 
236
  document.getElementById('pay-credit').value = Id;
-
 
237
  previousCard = Id;
-
 
238
  var title = e.currentTarget.getAttribute('data-parent');
-
 
239
  title = title+'-'+Id;
-
 
240
  ga('send', 'event', 'Payment Option', 'Payment option tab-payotion selected',title);
-
 
241
}
-
 
242
var previousDebit;
-
 
243
function selectDebitCard(e){
-
 
244
  debugger;
-
 
245
  var Id = e.currentTarget.id;
-
 
246
  if(previousDebit == undefined){
-
 
247
    document.getElementById(Id).className = 'selected';
-
 
248
  }
-
 
249
  else if(previousDebit != undefined){
-
 
250
    document.getElementById(previousDebit).className = '';
-
 
251
    document.getElementById(Id).className = 'selected'; 
-
 
252
  }
-
 
253
  document.getElementById('pay-debit').value = Id;
-
 
254
  previousDebit = Id;
-
 
255
  var title = e.currentTarget.getAttribute('data-parent');
-
 
256
  title = title+'-'+Id;
-
 
257
  ga('send', 'event', 'Payment Option', 'Payment option tab-payoption selected',title);
-
 
258
}
-
 
259
var previousCC;
-
 
260
function selectCashCard(e){
-
 
261
  debugger;
-
 
262
  var Id = e.currentTarget.id;
-
 
263
  if(previousCC == undefined){
-
 
264
    document.getElementById(Id).className = 'selected';
-
 
265
  }
-
 
266
  else if(previousCC != undefined){
-
 
267
    document.getElementById(previousCC).className = '';
-
 
268
    document.getElementById(Id).className = 'selected'; 
-
 
269
  }
-
 
270
  document.getElementById('pay-cc').value = Id;
-
 
271
  previousCC = Id;
-
 
272
  var title = e.currentTarget.getAttribute('data-parent');
-
 
273
  title = title+'-'+Id;
-
 
274
  ga('send', 'event', 'Payment Option', 'Payment option tab-payoption selected',title);
-
 
275
}
-
 
276
// function changeCaptcha(){
-
 
277
//   var url = base_url+'checkout/changeCaptcha';
-
 
278
//     microAjax(url, function (res) {
-
 
279
//         debugger;
-
 
280
//         if(res != ''){
-
 
281
//           debugger;
-
 
282
//           data = JSON.parse(res);
-
 
283
//           document.getElementById('captcha').innerHTML = data.image;
-
 
284
//         }
-
 
285
//         else{
-
 
286
//           return false;
-
 
287
//         }
-
 
288
//     });
-
 
289
// }
-
 
290
function infoPage(){
-
 
291
        document.getElementsByClassName("address-form")[0].style.display = 'none';
-
 
292
        document.getElementsByClassName("delivery-cont")[0].style.display = 'block';
-
 
293
      }
-
 
294
 
-
 
295
function togglepicup(e){
-
 
296
    debugger;
-
 
297
    if(e.currentTarget.className == 'pick-up'){
-
 
298
      e.currentTarget.className += ' selected';
-
 
299
      document.getElementsByClassName("deliverhere")[0].setAttribute('class','deliverhere');
-
 
300
      document.getElementsByClassName("pickup")[0].style.display = 'block';
-
 
301
      document.getElementsByClassName("deliver-here")[0].style.display = 'none';
-
 
302
    }else{
-
 
303
       e.currentTarget.className += ' selected';
-
 
304
       document.getElementsByClassName("pick-up")[0].setAttribute('class','pick-up');
-
 
305
       document.getElementsByClassName("deliver-here")[0].style.display = 'block'; 
-
 
306
       document.getElementsByClassName("pickup")[0].style.display = 'none';
220
      
307
      
-
 
308
    }
-
 
309
}
-
 
310
var prevZone;
-
 
311
function changeZone(e){
-
 
312
  debugger;
-
 
313
 var value = e.currentTarget.value;
-
 
314
 var currentStore = storeInfo[value];
-
 
315
 var storeAddress = '';
-
 
316
 if(prevZone == undefined || prevZone != value){
-
 
317
  for(i=0;i<currentStore.length;i++){
221
    </div><!--payment-cont-->
318
    storeAddress +='<div class="pickup-spot" id="'+currentStore[i].id+'" data-key="'+currentStore[i].hotspotId+'" onclick=selectStore(event)><div>'+currentStore[i].name+'</div><div>'+currentStore[i].line1+'</div><div>'+currentStore[i].line2+'</div><div>'+currentStore[i].city+'</div><div>'+currentStore[i].state+'</div><div>Pin: '+currentStore[i].pin+'</div><div>Phone: '+currentStore[i].phone+'</div></div>'; 
-
 
319
  }
-
 
320
 document.getElementById('appendData').innerHTML = storeAddress;
-
 
321
 prevZone = value;
-
 
322
 ga('send', 'event', 'InStore Pickup Region', 'Store Zone',value);
-
 
323
 }
-
 
324
}
-
 
325
var shopId;
-
 
326
var inStoreDelivery;
-
 
327
function selectStore(e){
-
 
328
debugger;
-
 
329
 var id = e.currentTarget.id;
-
 
330
 var hotspotId = e.currentTarget; 
-
 
331
 if(shopId == undefined){
-
 
332
  document.getElementById(id).className += ' selected-add'; 
-
 
333
  shopId = id;
-
 
334
 }else if(shopId != id){
-
 
335
  document.getElementById(shopId).className += 'pickup-spot';
-
 
336
  document.getElementById(id).className += ' selected-add';
-
 
337
  shopId = id;
-
 
338
  inStoreDelivery = true;
-
 
339
 }
-
 
340
 var url = base_url+'checkout/pickupSpot/'+id;
-
 
341
   microAjax(url,function(res){
-
 
342
    debugger;
-
 
343
    if(res != ''){
-
 
344
    }else{
-
 
345
      window.location.href = document.URL;
-
 
346
    }
-
 
347
  });
-
 
348
 document.getElementById('hotSpot').value = id;
-
 
349
}
-
 
350
if(insuranceInfo != undefined){
-
 
351
  var insuranceInfo = insuranceInfo;
-
 
352
}
-
 
353
function validateInsurance(type){
-
 
354
debugger;
-
 
355
var type = type;
-
 
356
if(document.getElementById('ccAddress') && insuranceInfo == 1){
-
 
357
  var bday = document.getElementById('bday').value;
-
 
358
  var gname = document.getElementById('gName').value;
-
 
359
  if(gname == '')
-
 
360
    {   
-
 
361
      document.getElementById('error1').style.display = "block";
-
 
362
      document.getElementById('error1').innerHTML ='Please fill name field!';
-
 
363
      return false;}
-
 
364
  if(gname.length> 50)
-
 
365
    {   
-
 
366
      document.getElementById('error1').style.display = "block";
-
 
367
      document.getElementById('error1').innerHTML ='Please Enter Less Than 50 Characters in name field!';
-
 
368
      return false;}
-
 
369
  // if(bday =='')
-
 
370
  //   {   
-
 
371
  //     document.getElementById('error1').style.display = "block";
-
 
372
  //     document.getElementById('error1').innerHTML ='Please fill birthday field!';
-
 
373
  //     return false;}
-
 
374
  var validformat=/^\d{2}\/\d{2}\/\d{4}$/ //Basic check for format validity
-
 
375
  var returnval=false
-
 
376
  if (!validformat.test(bday)){
-
 
377
    document.getElementById('error1').style.display = "block";
-
 
378
    document.getElementById('error1').innerHTML ='Please Enter valid date';
-
 
379
    return false;
-
 
380
  }else if(validformat.test(bday)){ //Detailed check for valid date ranges
-
 
381
        var monthfield=bday.split("/")[0]
-
 
382
        var dayfield=bday.split("/")[1]
222
    <script type="text/javascript">
383
        var yearfield=bday.split("/")[2]
-
 
384
        var dayobj = new Date(yearfield, monthfield-1, dayfield)
-
 
385
        if ((dayobj.getMonth()+1!=monthfield)||(dayobj.getDate()!=dayfield)||(dayobj.getFullYear()!=yearfield)){
-
 
386
          document.getElementById('error1').style.display = "block";
-
 
387
          document.getElementById('error1').innerHTML ='Invalid Day, Month, or Year range detected. Please correct and submit again.';
-
 
388
          return false;
-
 
389
        }
-
 
390
    }
-
 
391
  if(type == 1){
-
 
392
    var bday = bday.replace(/\//g, '-');
-
 
393
    gname = gname.replace(/\ /g,'-');
-
 
394
    var url = base_url+'checkout/insuranceInfo/'+bday+'/'+gname+'/'+insuranceAddressId;
-
 
395
    microAjax(url,function(res){
223
    debugger;
396
    debugger;
224
    <?php if(isset($defaultPayment) && !empty($defaultPayment)){?>
-
 
225
    var defaultPayment = <?php echo $defaultPayment;?>;
-
 
226
    <?php } ?>
-
 
227
    var bankInfo = <?php echo json_encode($bankInfo[0]);?>;
-
 
228
    </script>
-
 
229
397
    if(res != ''){
-
 
398
      debugger;
-
 
399
      var data = JSON.parse(res);
-
 
400
      if(data['response'].status == 'SUCCESS'){
-
 
401
        if(document.getElementById('ccAddress').style.display == ''){
-
 
402
          document.getElementById('ccAddress').style.display = 'none';
-
 
403
        }    
-
 
404
      }
-
 
405
      else{
-
 
406
        document.getElementById('error1').style.display = "block";
-
 
407
        document.getElementById('error1').innerHTML ='Request could not be completed.Please try again!';
-
 
408
      }
-
 
409
    }
-
 
410
  });
-
 
411
  }
-
 
412
  if(type == 2){
-
 
413
    if(inStoreDelivery == true){
-
 
414
      ga('send','event','Delivery Type','In-Store Pickup');
-
 
415
    }else{
-
 
416
      ga('send','event','Delivery Type','Deliver to address');
-
 
417
    }
-
 
418
    ga('send','event','Order','Proceed To Pay');
-
 
419
    window.location.href = base_url+'payment';
-
 
420
  }
-
 
421
}else{
-
 
422
  if(inStoreDelivery == true){
-
 
423
      ga('send','event','Delivery Type','In-Store Pickup');
-
 
424
    }else{
-
 
425
      ga('send','event','Delivery Type','Deliver to address');
-
 
426
    }
-
 
427
    ga('send','event','Order','Proceed To Pay');
-
 
428
  window.location.href = base_url+'payment';
-
 
429
}
-
 
430
}
-
 
431
function paymentValidation(e){
-
 
432
  debugger;
-
 
433
  var Id = e.currentTarget.id;
-
 
434
  if(Id == 'creditcard'){
-
 
435
    if(previousCard == undefined){
-
 
436
      document.getElementById('error').style.display = "block";
-
 
437
          document.getElementById('error').innerHTML ='Please select payment method!';
-
 
438
          window.scrollTo(0,0); return false;
-
 
439
    }
-
 
440
    var paymentTitle = e.currentTarget.getAttribute('data-key');
-
 
441
    ga('send', 'event', 'Payment Option', 'Form Submission',paymentTitle);
-
 
442
 
-
 
443
  }else if(Id == 'debitcard'){
-
 
444
    if(previousDebit == undefined){
-
 
445
      document.getElementById('error').style.display = "block";
-
 
446
          document.getElementById('error').innerHTML ='Please select payment method!';
-
 
447
          window.scrollTo(0,0); return false;
-
 
448
    }
-
 
449
    var paymentTitle = e.currentTarget.getAttribute('data-key');
-
 
450
    ga('send', 'event', 'Payment Option', 'Form Submission',paymentTitle);
-
 
451
  }else if(Id == 'netbanking'){
-
 
452
    var payOption = document.getElementById('pay-net').value;
-
 
453
    if(payOption == undefined || payOption ==""){
-
 
454
      document.getElementById('error').style.display = "block";
-
 
455
          document.getElementById('error').innerHTML ='Please select payment method!';
-
 
456
          window.scrollTo(0,0); return false;
-
 
457
    }
-
 
458
    var paymentTitle = e.currentTarget.getAttribute('data-key');
-
 
459
    ga('send', 'event', 'Payment Option', 'Form Submission',paymentTitle);
-
 
460
  }else if(Id == 'cashcards'){
-
 
461
    if(previousCC == undefined){
-
 
462
      document.getElementById('error').style.display = "block";
-
 
463
          document.getElementById('error').innerHTML ='Please select payment method!';
-
 
464
          window.scrollTo(0,0); return false;
-
 
465
    }
-
 
466
    var paymentTitle = e.currentTarget.getAttribute('data-key');
-
 
467
    ga('send', 'event', 'Payment Option', 'Form Submission',paymentTitle);
-
 
468
  }else if(Id == 'emiform'){
-
 
469
    var payOption = document.getElementById('pay-emi').value;
-
 
470
    if(payOption == undefined || payOption ==""){
-
 
471
      document.getElementById('error').style.display = "block";
-
 
472
          document.getElementById('error').innerHTML ='Please select payment method!';
-
 
473
          window.scrollTo(0,0); return false;
-
 
474
    }
-
 
475
    var paymentTitle = e.currentTarget.getAttribute('data-key');
-
 
476
    ga('send', 'event', 'Payment Option', 'Form Submission',paymentTitle);
-
 
477
  }else if(Id == 'cod'){
-
 
478
        if(document.getElementById('captcha_response_box').value == ''){
-
 
479
        // document.forms['recharge-confirm'].submit();
-
 
480
      // }else{
-
 
481
        var bRed = document.getElementById('captcha_response_box');
-
 
482
        bRed.style.border = 'red solid 1px';
-
 
483
        bRed.style.color = 'red';
-
 
484
        bRed.value = 'Please enter the captcha' 
-
 
485
        setTimeout(function(){
-
 
486
          bRed.style.border = '';
-
 
487
          bRed.style.color = '';
-
 
488
          bRed.value = '';
-
 
489
        },3000);
-
 
490
        return false;
-
 
491
      }
-
 
492
    var paymentTitle = e.currentTarget.getAttribute('data-key');
-
 
493
    ga('send', 'event', 'Payment Option', 'Form Submission',paymentTitle);
-
 
494
  }else if(Id == 'zod'){
-
 
495
        if(document.getElementById('captcha_response_box').value == ''){
-
 
496
        // document.forms['recharge-confirm'].submit();
-
 
497
      // }else{
-
 
498
        var bRed = document.getElementById('captcha_response_box');
-
 
499
        bRed.style.border = 'red solid 1px';
-
 
500
        bRed.style.color = 'red';
-
 
501
        bRed.value = 'Please enter the captcha' 
-
 
502
        setTimeout(function(){
-
 
503
          bRed.style.border = '';
-
 
504
          bRed.style.color = '';
-
 
505
          bRed.value = '';
-
 
506
        },3000);
-
 
507
        return false;
-
 
508
      }
-
 
509
    var paymentTitle = e.currentTarget.getAttribute('data-key');
-
 
510
    ga('send', 'event', 'Payment Option', 'Form Submission',paymentTitle);
-
 
511
  }
-
 
512
}
-
 
513
230
514