<!DOCTYPE html>
<html lang="en">
<head>
<?php $this->load->view('includes/head'); ?>
</head>
<body>
  <div id="app">
    <div class="main-wrapper">
      <?php $this->load->view('includes/navbar'); ?>
      <!-- Main Content -->
      <div class="main-content">
        <section class="section">
          <div class="section-header">
            <div class="section-header-back">
              <a href="<?=base_url('invoices')?>" class="btn btn-icon"><i class="fas fa-arrow-left"></i></a>
            </div>
            <h1>
              <?=$this->lang->line('invoices')?$this->lang->line('invoices'):'Invoices'?>
            </h1>
            <div class="section-header-breadcrumb">
              <div class="breadcrumb-item active">
                <a href="<?=base_url()?>"><?=$this->lang->line('dashboard')?$this->lang->line('dashboard'):'Dashboard'?></a>
              </div>
              <div class="breadcrumb-item">
                <a href="<?=base_url('invoices')?>"><?=$this->lang->line('invoices')?$this->lang->line('invoices'):'Invoices'?></a>
              </div>
              <div class="breadcrumb-item">
                <?=htmlspecialchars($invoice[0]['invoice_id'])?>
              </div>
            </div>
          </div>
          
          <div class="section-body">
            <div class="invoice">
              <div class="invoice-print">
                <div class="row">
                  <div class="col-lg-12">
                    <div class="invoice-title">
                      <h2><?=$this->lang->line('invoice')?$this->lang->line('invoice'):'Invoice'?></h2>
                      <div class="invoice-number"><?=htmlspecialchars($invoice[0]['invoice_id'])?></div>
                    </div>
                    <hr>
                    <div class="row">
                      <div class="col-md-6">
                        <address>
                          <h5 class="text-primary text-uppercase"><?=$invoice_from->company_name?htmlspecialchars($invoice_from->company_name):htmlspecialchars($invoice[0]['from_user'])?></h5>
                          <?=$invoice_from->address?htmlspecialchars($invoice_from->address):''?><br>
                          <?=$invoice_from->city?htmlspecialchars($invoice_from->city):''?>, <?=$invoice_from->state?htmlspecialchars($invoice_from->state):''?><br>
                          <?=$invoice_from->country?htmlspecialchars($invoice_from->country):''?> <?=$invoice_from->zip_code?htmlspecialchars($invoice_from->zip_code):''?><br>
                        </address>
                      </div>
                      <div class="col-md-6 text-md-right">
                        <address>
                          <?=$this->lang->line('billed_to')?$this->lang->line('billed_to'):'Billed To'?>:<br>
                          <strong><?=$invoice_to->company_name?htmlspecialchars($invoice_to->company_name):htmlspecialchars($invoice[0]['to_user'])?></strong><br>
                          <?=$invoice_to->address?htmlspecialchars($invoice_to->address):''?><br>
                          <?=$invoice_to->city?htmlspecialchars($invoice_to->city):''?>, <?=$invoice_to->state?htmlspecialchars($invoice_to->state):''?><br>
                          <?=$invoice_to->country?htmlspecialchars($invoice_to->country):''?> <?=$invoice_to->zip_code?htmlspecialchars($invoice_to->zip_code):''?><br>
                        </address>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-md-6">
                        <address>
                          <strong><?=$this->lang->line('due_date')?$this->lang->line('due_date'):'Due Date'?>:</strong> <?=htmlspecialchars(format_date($invoice[0]['due_date'],system_date_format()))?><br>
                          <strong><?=$this->lang->line('payment_status')?$this->lang->line('payment_status'):'Payment Status'?>:</strong>
                          <?php
                            if($invoice[0]['status'] == 0){
                              echo '<span class="text-info text-uppercase">Due</span>';
                            }elseif($invoice[0]['status'] == 1){
                              echo '<span class="text-success text-uppercase">Paid</span>';
                            }elseif($invoice[0]['status'] == 2){
                              echo '<span class="text-danger text-uppercase">Overdue</span>';
                            }
                          ?>
                        </address>
                      </div>
                      <div class="col-md-6 text-md-right">
                        <address>
                          <strong><?=$this->lang->line('invoice_date')?$this->lang->line('invoice_date'):'Invoice Date'?>:</strong><br>
                          <?=htmlspecialchars(format_date($invoice[0]['invoice_date'],system_date_format()))?>
                        </address>
                      </div>
                    </div>
                  </div>
                </div>
                
                <div class="row mt-4">
                  <div class="col-md-12">
                    <div class="table-responsive">
                      <table class="table table-striped table-md">
                        <tr>
                          <th data-width="40">#</th>
                          <th><?=$this->lang->line('item')?$this->lang->line('item'):'Item'?></th>
                          <th class="text-right"><?=$this->lang->line('total')?$this->lang->line('total'):'Total'?> (<?=htmlspecialchars(get_currency('currency_symbol'))?>)</th>
                        </tr>
                        <?php foreach($items as $key => $item){ ?>
                          <tr>
                            <td><?=htmlspecialchars($key+1)?></td>
                            <td><?=htmlspecialchars($item['title'])?></td>
                            <td class="text-right"><?=htmlspecialchars($item['budget'])?></td>
                          </tr>
                        <?php } ?>
                      </table>
                    </div>
                    <div class="row mt-4">
                      <div class="col-lg-7">
                        <?php if($invoice[0]['note']){ ?>
                          <strong><?=$this->lang->line('note')?$this->lang->line('note'):'Note'?>:</strong> <?=htmlspecialchars($invoice[0]['note'])?>
                        <?php } ?>
                      </div>
                      <div class="col-lg-5 text-right">
                        <div class="invoice-detail-item">
                          <div class="invoice-detail-name"><?=$this->lang->line('subtotal')?$this->lang->line('subtotal'):'Subtotal'?> (<?=htmlspecialchars(get_currency('currency_symbol'))?>)</div>
                          <div class="invoice-detail-value"><?=htmlspecialchars($invoice[0]['amount'])?></div>
                        </div>
                        <?php if($taxes){ foreach($taxes as $tax){ ?>
                          <div class="invoice-detail-item">
                            <div class="invoice-detail-name"><?=htmlspecialchars($tax['title'])?> (<?=htmlspecialchars($tax['tax'])?>%)</div>
                            <div class="invoice-detail-value"><?=htmlspecialchars(get_currency('currency_symbol'))?><?=htmlspecialchars($tax['tax_amount'])?></div>
                          </div> 
                        <?php } } ?>
                        <hr class="mt-2 mb-2">
                        <div class="invoice-detail-item">
                          <div class="invoice-detail-name"><?=$this->lang->line('total')?$this->lang->line('total'):'Total'?> (<?=htmlspecialchars(get_currency('currency_symbol'))?>)</div>
                          <div class="invoice-detail-value invoice-detail-value-lg"><?=htmlspecialchars($final_total)?></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <hr>
              <?php if($this->ion_auth->in_group(3) && $invoice[0]['status'] != 1 && ((get_stripe_secret_key() && get_stripe_publishable_key() || get_razorpay_key_id() || get_offline_bank_transfer()))){ ?>
              <a href="#" class="btn btn-primary btn-icon icon-left payment-button" data-amount="<?=htmlspecialchars($final_total)?>" data-id="<?=htmlspecialchars($invoice[0]['id'])?>"><i class="fas fa-credit-card"></i> <?=$this->lang->line('process_payment')?$this->lang->line('process_payment'):'Process Payment'?></a>
              <?php } ?>
              <a href="<?=base_url('invoices/generate-pdf/'.$invoice[0]['id'])?>" class="btn btn-danger btn-icon icon-left" target="_blank"><i class="fas fa-print"></i> <?=$this->lang->line('print')?$this->lang->line('print'):'Print'?></a>
            </div>
          </div>
          <div class="row d-none" id="payment-div">
            <div id="paypal-button" class="col-md-8 mx-auto paymet-box"></div>
            <?php if(get_stripe_secret_key() && get_stripe_publishable_key()){ ?>
              <button id="stripe-button" class="col-md-8 btn mx-auto paymet-box">
                <img src="<?=base_url('assets/img/stripe.png')?>" width="14%" alt="Stripe">
              </button>
            <?php } ?>
            <?php if(get_razorpay_key_id()){ ?>
              <button id="razorpay-button" class="col-md-8 btn mx-auto paymet-box">
                  <img src="<?=base_url('assets/img/razorpay.png')?>" width="27%" alt="Razorpay">
              </button>
            <?php } ?>
            <?php if(get_offline_bank_transfer()){ ?>
              <button id="offline-button" class="col-md-8 btn btn-danger mx-auto">
              <?=$this->lang->line('offline_bank_transfer')?$this->lang->line('offline_bank_transfer'):'Offline / Bank Transfer'?>
              </button>
            <?php } ?>
          </div>
        </section>
      </div>
    
    <?php $this->load->view('includes/footer'); ?>
    </div>
  </div>
<?php $this->load->view('includes/js'); ?>

<script>
paypal_client_id = "<?=get_payment_paypal()?>";
get_stripe_publishable_key = "<?=get_stripe_publishable_key()?>";
razorpay_key_id = "<?=get_razorpay_key_id()?>";
offline_bank_transfer = "<?=get_offline_bank_transfer()?>";
currency_code = "<?=get_currency('currency_code');?>";
currency_symbol = "<?=get_currency('currency_symbol');?>";
</script>

<?php if(get_payment_paypal()){ ?>
<script src="https://www.paypal.com/sdk/js?client-id=<?=get_payment_paypal()?>&currency=<?=get_currency('currency_code')?>"></script>
<?php } ?>

<?php if(get_stripe_publishable_key()){ ?>
<script src="https://js.stripe.com/v3/"></script>
<?php } ?>

<script src="https://checkout.razorpay.com/v1/checkout.js"></script>

<script src="<?=base_url('assets/js/page/payments.js');?>"></script>

</body>
</html>
