<section id="profile" class="content_wrapper innerPage">
    <div class="container clearfix">
          <div class="add-card-row add-card-new">
          <h3 class="text_gold" style="border-bottom: 1px solid #b3975b; padding-bottom: 15px;"><?php echo getLang('INVOICE_DETAILS'); ?></h3> 
            <div style="clear:both;">
              <p><?php echo getLang('Invoice_Number'); ?> : <a href="<?php echo base_url().'profile/download_invoice/'.base64_encode($orderDetails['order_id']); ?>" class="text_gold" style="text-decoration: underline;"><?php echo $orderDetails['order_id_masked']; ?></a>, 
             <?php echo getLang('Invoice_Date'); ?> : <?php echo date('d-m-Y',$orderDetails['created']); ?>, 
              <?php echo getLang('Due_Date'); ?> : <?php echo date('d-m-Y',$orderDetails['created']); ?></p>
              <div style="background-color: #b3975b; border-radius: 5px; clear: both; height: auto;padding: 0 20px;line-height: 50px;text-align: center; "><p><?php echo getLang('Outstanding_Balance'); ?>: <?php echo number_format($orderDetails['total_sum']/100, 2,',', '.'); ?> &euro;</p></div>
            </div> <br/> 

          <div class="orders tab-div" >
           <h1><?php echo getLang('Add_Card_Information_and_pay');?></h1>
           <input type="hidden" id="baseUrl" value="<?php echo base_url();?>">
            <?php if($orderDetails){ ?>
            <form action="" method="POST" id="update-form" style="" autocomplete="on">
              <input type="hidden" id="order_id" value="<?php echo base64_decode($this->uri->segment(3));?>">
              <div id="" class="dismissPopup" style="">
                      <div class="center">
                         <p class="text_white allcaps"><?php echo getLang('Payment_Method'); ?></p>
                      </div>
                      <div class="center">
                      <span class="update-errors" style="color:red;"></span>
                    <span class="payment_details"></span>
                     <p class="ssl_text"><img src="<?php echo  base_url().'assets/images/ssl-icon.png'; ?>">
                      <?php echo getLang('To_guarantee_for_maximum_safety__your_data'); ?> <a href="javascript:void()" style="text-decoration: underline; font-weight: bold;">Six payment services</a>. <?php echo getLang('Your_data_will_never_be_stored'); ?>
                     </p>
                     
                      <div class="form_group">
                
                      <label><?php echo getLang('Card_Holder'); ?></label>
                      <input type="text" size="20" name="card_holder" id="card_holder" placeholder="<?php echo getLang('Enter_Holder_name'); ?>">
                    
                  </div>

                  <div class="form_group">
                    
                      <label><?php echo getLang('Card_Number'); ?></label>
                      <input type="text" size="20" name="card_number" id="card_number" placeholder="<?php echo getLang('Enter_Card_Number'); ?>">
                    
                  </div>
                 
                  <div class="form_group doubleinput clearfix">
                               
                                  <label><?php echo getLang('Expiration__MM/YY'); ?></label>
                                  <!--<input type="text" size="2" data-stripe="exp_month" placeholder="Enter Month">-->
                                  <select name="exp_month" id="exp_month">
                                        <option value=""><?php echo getLang('Month'); ?></option>
                                        <option value="1">Jan</option>
                                        <option value="2">Feb</option>
                                        <option value="3">Mar</option>
                                        <option value="4">Apr</option>
                                        <option value="5">May</option>
                                        <option value="6">Jun</option>
                                        <option value="7">Jul</option>
                                        <option value="8">Aug</option>
                                        <option value="9">Sep</option>
                                        <option value="10">Oct</option>
                                        <option value="11">Nov</option>
                                        <option value="12">Dec</option>
                                  </select>
                                  <select name="exp_year" id="exp_year">
                                     <option value=""><?php echo getLang('Year'); ?></option>
                                        <?php for($i=date('Y');$i<date('Y')+50;$i++){ ?>
                                           <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                                        <?php } ?>  
                                 </select>
                               <!--<input type="text" size="2" data-stripe="exp_year" placeholder="Enter Year">-->
                             </div>
                            
                             <div class="form_group cvc">
                           
                                 <label><?php echo getLang('CVC'); ?></label>
                                 <input type="text" size="4" name="card_cvc" id="card_cvc" placeholder="<?php echo getLang('Enter_CVC'); ?>">
                              
                             </div>
                      <div class="text_center margin_top30">
                         <button type="submit" class="btn_gold add_card_submit" id=""><?php echo getLang('Pay'); ?></button>
                      </div>
                      <div class="addCardPaymentImageWrapper">
                        
                        <img src="<?php echo base_url().'assets/images/six.png'?>">
                        <img src="<?php echo base_url().'assets/images/pci-dss.png'?>">
                      </div>
                  <!--<input type="submit" class="bigbutton" value="Submit Payment">-->
                    </div>
                   </div>
              
            </form>
          <?php } else { ?>
              Invalid Invoice...
             <?php }  ?>
            <span id="expirySuccess" style="display:none;">
               <h2><?php echo getLang('Card_Details_Update_Successful'); ?></h2>
               <div class="center">
                    <p><?php echo getLang('Thanks_you'); ?>. <br/><?php echo getLang('Your_card_detail_successfully_updated').'<br/>'.getLang('We_have_received_your_payment'); ?>.</p>
               </div>
            </span>
           </div>
         </div>
    </div>
</section>
