<? global $config;
//$discount_base = discount_value( $order_detail[ 'order_discount' ] , $order_detail[ 'order_discount_type' ] , $order_detail[ 'order_total' ] );
//$discount = discount_text( $order_detail[ 'order_discount' ] , $order_detail[ 'order_discount_type' ] , $order_detail[ 'order_currency' ] , $order_detail[ 'order_currency_rate' ] ,false ) ;
//debug($order_detail,1);
?>
<style>

.send-invoice
{
    border-radius: 0.25em !important;
    font-size: 12px;
    font-weight: 400;
    font-family: inherit;
}

.auto{
    height:0;
    position:absolute;
    z-index: -1;
}
     .btn-sub {
    font-weight: 700;
    float: left;
    margin-top: 20px;
    margin-left: 400px;
    background: #000;
    color: #fff;
    padding: 9px;
    font-size: 17px;
}

td,th{
    text-align:center !important;
}
.copy_btn{
    border: none;
    background: #fff;
    font-size: 25px;
    margin: 10px 30px 0;
    color: #2f84af;
}

</style>

<?//debug($order_detail); debug(unserialize($order_detail['order_response_after_capture']),1);amount_captured
if($order_merchant == "Stripe"){
    $initial_order_amount = unserialize($order_detail['order_response'])['amount']/100;
    $amount_captured = unserialize($order_detail['order_response_after_capture'])['amount_captured']/100;
    $refund_amount_on_capture = unserialize($order_detail['order_response_after_capture'])['amount_refunded']/100;
}else if($order_merchant == "Authorize"){
    $initial_order_amount = $order_detail['order_amount_oid'];
    // $amount_captured = unserialize($order_detail['order_response_after_capture'])['amount_captured']/100;
    // $refund_amount_on_capture = unserialize($order_detail['order_response_after_capture'])['amount_refunded']/100;
}
// $refund_amount = unserialize($order_detail['order_response_after_refund'])['amount']/100;
// debug(unserialize($order_detail['order_response_after_refund']));
?>

    <div class="portlet box green">
        <div class="portlet-title">
            <div class="caption">
                <!--<i class="fa fa-shopping-cart"></i>-->
                <strong>Order # CT-<?= $order_detail['order_id'] ?> </strong>
                <!--<small> / <?= date("Y-m-d", strtotime($order_detail['order_createdon'])) ?></small>-->
            </div>
            <div class="tools">
                <a href="javascript:;" class="collapse">
                </a>
                <a href="javascript:;" class="reload">
                </a>
            </div>
        </div>

        <div class="portlet-body form">
            <!-- BEGIN FORM-->
            <div class="invoice" style="padding: 20px;">
                <div class="row invoice-logo">
                    <div class="col-xs-6 invoice-logo-space">
                        <!--<a href="<?= $config['base_url'] ?>admin">-->
                            <img style="height:60px" src="<?= get_image($this->layout_data['logo'][0]['logo_image_path'], $this->layout_data['logo'][0]['logo_image']) ?>"
                                 alt="logo" class="main-tem-logo"/>
                        <!--</a>-->
                    </div>
                             
                    <div class="col-xs-6">
				<p style="text-align:right;margin: 15px 10px 0 0;">
					 <button type="button" id="invoice-btn" class="btn btn-sm blue send-invoice">Send Invoice</button>
				</p>
			</div>
			    <!--<?php if($order_detail['order_payment_status']==1){?>-->
       <!--             <form method="post" action="<?=$config['base_url']?>admin/order/update_dispatch/?id=<?php echo $order_detail['order_id']?>&st_type=<?php echo $order_detail['order_dispatch_status']?>">-->
       <!--             <?php if($order_detail['order_dispatch_status']==1){?>-->
       <!--                 <input class="btn-sub" type="submit" style="float:left; margin-top:20px;margin-left: 400px;" name="submit" Value="Undispatch Order">-->
       <!--             <?php } else {?>-->
       <!--                 <input class="btn-sub" type="submit" style="float:left; margin-top:20px;margin-left: 400px;" name="submit" Value="Dispatch Order">-->
       <!--             <?php } ?>            -->
       <!--             </form>-->
       <!--             <?php } ?>  -->
                </div>
                <hr>
                <div class="row">
                    <!--<div class="col-xs-4">-->
                    <!--    <h3><strong>Info:</strong></h3>-->
                    <!--    <ul class="list-unstyled">-->
                    <!--        <li><strong> Address: </strong><?= $order_detail['order_address1']; ?> </li>-->
                    <!--        <li><strong> City: </strong><?= $order_detail['order_city']; ?> </li>-->
                    <!--        <li><strong> Zip: </strong><?= $order_detail['order_zip']; ?> </li>-->
                    <!--        <li><strong> Country: </strong><?= $order_detail['order_country']; ?> </li>-->
                    <!--        <?php if(!empty($order_detail['order_tracking_number'])){  ?>-->
                    <!--        <li><strong> Tracking Number: </strong><?=$order_detail['order_tracking_number'];?> </li>-->
                    <!--        <?php } ?>-->
                    <!--    </ul>-->
                    <!--</div>-->
                    <div class="col-xs-4">
                        <div style="display:inline-flex;"><h3><strong>Billing Address:</strong></h3><button title="Copy Billing Address" class="copy_btn" onclick=copyurl()><i class="fa fa-files-o" aria-hidden="true"></i></button></div>
                        <ul class="list-unstyled">
                            <li class="asd"><?= $order_detail['order_billing_firstname']; ?> <?= $order_detail['order_billing_lastname']; ?></li>
                            <li class="asd"><?= $order_detail['order_billing_company'];?></li>
                            <li class="asd"><?= $order_detail['order_billing_address'];?></li>
                            <li class="asd"><?= $order_detail['order_billing_city']; ?>, <?= $order_detail['order_billing_state']; ?>, <?= ($order_detail['order_billing_country']=='USA')?'United States':$order_detail['order_billing_country'] ?>, <?= $order_detail['order_billing_zip'];?></li>
                            <li><?= $order_detail['order_billing_email'];?></li>
                            <li class="asd">T: <?= $order_detail['order_billing_phone']; ?></li>
                            
                        </ul>
                    </div>
                    <div class="col-xs-4">
                        <div style="display:inline-flex;"><h3><strong>Shipping Address:</strong></h3><button title="Copy Shipping Address"  class="copy_btn" onclick=copyurl2()><i class="fa fa-files-o" aria-hidden="true"></i></button></div>
                        <ul class="list-unstyled">
                            <li class="asd2"><?= $order_detail['order_shipping_firstname'];?> <?= $order_detail['order_shipping_lastname'];?> </li>
                            <li class="asd2"><?= $order_detail['order_shipping_company'];?></li>
                            <li class="asd2"><?= $order_detail['order_shipping_address1'];?></li>
                            <li class="asd2"><?= $order_detail['order_shipping_city']; ?>, <?= $order_detail['order_shipping_state']; ?>, <?= ($order_detail['order_shipping_country']=='USA')? 'United States':$order_detail['order_shipping_country']; ?>, <?= $order_detail['order_shipping_zip']; ?></li>
                            <li><?= $order_detail['order_shipping_email']; ?> </li>
                            <li class="asd2">T: <?= $order_detail['order_shipping_phone']; ?></li>
                            
                            <br>
                            <li><strong> Shipping: </strong><?= ($order_detail['order_shipping']=='Free'?'Free Ground Shipping':$order_detail['order_shipping']) ?> </li>
                            <!--<li><strong> First Name: </strong><?= $order_detail['order_shipping_firstname']; ?> </li>-->
                            <!--<li><strong> Last Name: </strong><?= $order_detail['order_shipping_firstname']; ?></li>-->
                            <!--<li><strong> Email: </strong><?= $order_detail['order_shipping_email']; ?> </li>-->
                            <!--<li><strong> Phone: </strong><?= $order_detail['order_shipping_phone']; ?> </li>-->
                            <!--<li><strong> Address: </strong><?= $order_detail['order_shipping_address1']; ?> </li>-->
                            <!--<li><strong> City: </strong><?= $order_detail['order_shipping_city']; ?> </li>-->
                            <!--<li><strong> State: </strong><?= $order_detail['order_shipping_state']; ?> </li>-->
                            <!--<li><strong> Zip: </strong><?= $order_detail['order_shipping_zip']; ?> </li>-->
                            <!--<li><strong> Country: </strong><?= $order_detail['order_shipping_country']; ?> </li>-->
                            <!--<li><strong> Shipping Company/Type: </strong><?= $order_detail['order_shipping']; ?> </li>-->
                        </ul>
                    </div>
                    <textarea class="auto"></textarea>
                    <!--<div class="col-xs-4">-->
                    <!--    <h3><strong>Billing Info:</strong></h3>-->
                    <!--    <ul class="list-unstyled">-->
                    <!--        <li><strong> First Name: </strong><?= $order_detail['order_firstname']; ?> </li>-->
                    <!--        <li><strong> Last Name: </strong><?= $order_detail['order_firstname']; ?></li>-->
                    <!--        <li><strong> Email: </strong><?= $order_detail['order_email']; ?> </li>-->
                    <!--        <li><strong> Phone: </strong><?= $order_detail['order_phone']; ?> </li>-->
                            
                    <!--    </ul>-->
                    <!--</div>-->
                    <div class="col-xs-4">
                        <h3><strong>Payment Info:</strong></h3>
                        <?if ($order_detail['order_merchant']=='Stripe'){?>
                            <ul class="list-unstyled">
                                <li><strong>Payment
                                        Merchant:</strong><!-- <span class="label label-order-refunded">Refunded</span>--> <?= $order_detail['order_merchant'] ?> 
                                </li>
                                <li><strong>Payment
                                        Status:</strong><!-- <span class="label label-order-refunded">Refunded</span>--> <?= $this->model_order->get_payment_status($order_detail['order_payment_status']); ?> 
                                </li>
                                  <?if($order_detail['order_payment_status']==7){?>
                                <li style="text-transform: capitalize;"><strong>Stripe Error: </strong><?=explode('Error: ',$order_detail['order_payment_comments'])[1]?></li><?}?>
    
                                <li id="total_quantity"><strong>Total Quantity: </strong> <?= $total_quantity ?>  </li>
                                <?if($initial_order_amount){?>
                                <li id="total_amount"><strong style="color:#3034bf">Initial Order Amount: </strong>
                                    <?=price($initial_order_amount)?></li>
                                <?}?>
                                <?if($amount_captured){?>
                                <li id="total_amount"><strong style="color:#159d0c">Charged Amount: </strong>
                                    <?if($refund_amount ){ echo price($amount_captured);}else{echo price($order_detail['order_amount']);} ?></li>
                                <?}if($refund_amount || $refund_amount_on_capture){?>
                                        <li id="total_amount"><strong style="color:#bf1414">Refunded Amount: </strong>
                                    <?=price($refund_amount_on_capture+$refund_amount)?></li><?}?>
                                        
                                <li><strong>Created:</strong> <?= $order_detail['order_createdon']; ?></li>
                                <?if($order_detail['order_payment_status']==6 || $order_detail['order_payment_status']==2 || $order_detail['order_payment_status']==3 || $order_detail['order_payment_status']==1 || $order_detail['order_payment_status']==8){?>
                                    <li><strong>Stripe Receipt:</strong><a href="<?=$receipt_url?>" target=_blank>View Receipt</a></li>
                                <?}?>
    
                            </ul>
                        
                        <?}else if ($order_detail['order_merchant']=='Authorize'){?>
                            <ul class="list-unstyled">
                                <li><strong>Payment
                                        Merchant:</strong><!-- <span class="label label-order-refunded">Refunded</span>--> <?= $order_detail['order_merchant'] ?> 
                                </li>
                                <li><strong>Payment
                                        Status:</strong><!-- <span class="label label-order-refunded">Refunded</span>--> <?= $this->model_order->get_payment_status($order_detail['order_payment_status']); ?> 
                                </li>
                                  <?if($order_detail['order_payment_status']==7){?>
                                <li style="text-transform: capitalize;"><strong>Authorize Error: </strong><?=explode('Error: ',$order_detail['order_payment_comments'])[1]?></li><?}?>
    
                                <li id="total_quantity"><strong>Total Quantity: </strong> <?= $total_quantity ?>  </li>
                                <?if($initial_order_amount){?>
                                <li id="total_amount"><strong style="color:#3034bf">Initial Order Amount: </strong>
                                    <?=price($initial_order_amount)?></li>
                                <?}?>
                                <?if($amount_captured){?>
                                <li id="total_amount"><strong style="color:#159d0c">Charged Amount: </strong>
                                    <?if($refund_amount ){ echo price($amount_captured);}else{echo price($order_detail['order_amount']);} ?></li>
                                <?}if($refund_amount || $refund_amount_on_capture){?>
                                        <li id="total_amount"><strong style="color:#bf1414">Refunded Amount: </strong>
                                    <?=price($refund_amount_on_capture+$refund_amount)?></li><?}?>
                                        
                                <li><strong>Created:</strong> <?= $order_detail['order_createdon']; ?></li>
                            </ul>
                        <?} else {?>
                            <ul class="list-unstyled">
                                <li><strong>Payment
                                        Merchant:</strong><!-- <span class="label label-order-refunded">Refunded</span>--> <?= $order_detail['order_merchant'] ?> 
                                </li>
                                <li><strong>Payment
                                        Status:</strong><!-- <span class="label label-order-refunded">Refunded</span>--> <?= $this->model_order->get_payment_status($order_detail['order_payment_status']); ?> 
                                </li>
                                  <?if($order_detail['order_payment_status']==7){?>
                                <li style="text-transform: capitalize;"><strong>Authorize Error: </strong><?=explode('Error: ',$order_detail['order_payment_comments'])[1]?></li><?}?>
    
                                <li id="total_quantity"><strong>Total Quantity: </strong> <?= $total_quantity ?>  </li>
                                <?if($initial_order_amount){?>
                                <li id="total_amount"><strong style="color:#3034bf">Initial Order Amount: </strong>
                                    <?=price($initial_order_amount)?></li>
                                <?}?>
                                <?if($amount_captured){?>
                                <li id="total_amount"><strong style="color:#159d0c">Charged Amount: </strong>
                                    <?if($refund_amount ){ echo price($amount_captured);}else{echo price($order_detail['order_amount']);} ?></li>
                                <?}if($refund_amount || $refund_amount_on_capture){?>
                                        <li id="total_amount"><strong style="color:#bf1414">Refunded Amount: </strong>
                                    <?=price($refund_amount_on_capture+$refund_amount)?></li><?}?>
                                        
                                <li><strong>Created:</strong> <?= $order_detail['order_createdon']; ?></li>
                            </ul>
                        <?}?>
                    </div>

                </div>

                <!-- Adshare info start -->
                <!--<div class="row">
            <div class="col-xs-6">
                <h3><strong>Adshare Info : </strong></h3>
                <ul class="list-unstyled">
                    <li><strong> Campaign Name: </strong><? /*=$ashare_detail[ 'adshare_name' ];*/ ?> </li>
                    <li><strong> Product Name: </strong><? /*=$ashare_detail[ 'product_name' ];*/ ?> </li>
                    <?php
                /*                    if(isset($ashare_detail[ 'size_name' ])){*/ ?>
                        <li><strong>Size: </strong><? /*=$ashare_detail[ 'size_name' ];*/ ?> </li>
                    <?php /*}
                    if(isset($ashare_detail[ 'quantity_qty' ])){*/ ?>
                        <li><strong>Quantity: </strong><? /*=$ashare_detail[ 'quantity_qty' ];*/ ?></li>
                    <?php /*}
                    if(isset($ashare_detail[ 'print_side_name' ])){*/ ?>
                        <li><strong>Print Speed: </strong><? /*=$ashare_detail[ 'print_side_name' ];*/ ?> </li>
                    <?php /*}
                    if(isset($ashare_detail[ 'paper_finish_name' ])){*/ ?>
                        <li><strong>Paper Finish: </strong><? /*=$ashare_detail[ 'paper_finish_name' ];*/ ?> </li>
                    <?php /*}
                    if(isset($ashare_detail[ 'round_corner_name' ])){*/ ?>
                        <li><strong>Round Corner: </strong><? /*=$ashare_detail[ 'round_corner_name' ];*/ ?></li>
                    <?php /*}
                    if(isset($ashare_detail[ 'digital_proof_name' ])){*/ ?>
                        <li><strong>Digital Proof: </strong><? /*=$ashare_detail[ 'digital_proof_name' ];*/ ?> </li>
                    <?php /*}
                    if(isset($ashare_detail[ 'extra_option_name' ])){*/ ?>
                        <li><strong>Option: </strong><? /*=$ashare_detail[ 'extra_option_name' ];*/ ?> </li>
                   <?php /* }
                    if(!empty($ashare_detail[ 'adshare_number' ])){ */ ?>
                        <li><strong> Adshare: </strong><? /*=$ashare_detail[ 'adshare_number' ];*/ ?> </li>
                    <? /* }
                    */ ?>
                    <li><strong> Distribution Cost: </strong>$<? /*=$ashare_detail[ 'adshare_distribution' ];*/ ?> </li>
                    <li><strong> Zipcode: </strong><? /*=$ashare_detail[ 'adshare_distribution_zipcode' ];*/ ?> </li>
                    <li><strong> Mailing Date: </strong><? /*=$ashare_detail[ 'adshare_mailing_date' ];*/ ?> </li>
                    <li><strong> Business List: </strong><? /*=$ashare_detail[ 'adshare_business_list' ];*/ ?> </li>
                </ul>
            </div>
        </div>-->
                <!-- Adshare info end -->


                <div class="row">
                    <div class="col-xs-12">
                        <table class="table table-striped table-hover">
                            <thead>
                            <tr>
                                <th>
                                    Image
                                </th>
                                <th style="text-align:left !important;">
                                    Item
                                </th>
                                <th>
                                    Purchase Price (Unit Cost)
                                </th>
                                
                                <th>
                                    Unit Condition
                                </th>

                                <th>
                                    Unit Price
                                </th>

                                <th>
                                    Quantity
                                </th>
                                <!--<th class="hidden-480">
                                     Unit Cost
                                </th>-->
                                <th>
                                    Total
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <?

                            foreach ($order_items as $key=>$item) {

                                ?>
                                <!--<tr>
							  	<td style="padding:10px 0; vertical-align:middle;">
							  		<img src="<?/*=get_image($item['pi_image_path'],$item['pi_image_thumb'])*/ ?>" class="product_img_thumb" style="width: 100px;height: 100px;"/>
								</td>

							  	<td style="padding:10px 0; vertical-align:middle;">
							  		<?/*=$item[ 'product_name' ]*/ ?> 	<br>
							  		<?/*
$subtotal_g = $item[ 'order_item_subtotal' ];

*/ ?>
								</td>

							  	<td style="padding:10px 0; vertical-align:middle;">
							  		<?/*=$item[ 'order_item_qty' ]*/ ?>
								</td>

							  	<td style="padding:10px 0; vertical-align:middle;">
							  		<?/*=price($subtotal_g+$attribute_price)*/ ?>
								</td>
							</tr>-->

                                <tr>
                                    <td style="padding:10px 0; vertical-align:middle;">
                                        <img src="<?= $item['product_image_path']. $item['product_image'] ?>"
                                             class="product_img_thumb" style="width: 100px;height: 100px;"/>
                                    </td>

                                    <td style="padding:10px 0; vertical-align:middle; text-align:left  !important;">
                                        <?= $item['product_name'] ?> <br>
                                        <?php
                                            $options = unserialize($item['order_item_option']);
                                            // debug($item,1);
                                        ?>
                                        <!--<b>Color: </b><?=$options['product_color']?>-->
                                        
                                        <?
                                        $subtotal_g = $item['order_item_subtotal'];

                                        ?>
                                    </td>
                                    
                                    <td style="padding:10px 0; vertical-align:middle;">
                                            <input id="<?= $item['order_item_id'] ?>" class="pprice" style="width:80px;" min=0 max=<?=$item['order_item_price']?> type="number" value='<?= isset($item['order_item_purchase_price']) && $item['order_item_purchase_price']!='' ? $item['order_item_purchase_price'] : 0 ?>' onchange="enable_save(this.value)">
                                    </td>
                                    
                                    <td style="padding:10px 0; vertical-align:middle;">
                                        <?= $item['product_condition']?>
                                    </td>

                                    <td style="padding:10px 0; vertical-align:middle;">
                                        <?= price($item['order_item_price'],'$') ?>
                                    </td>

                                    <td id="input-<?= $item['order_item_id'] ?>" style="padding:10px 0; vertical-align:middle;">
                                    <?if($order_detail['order_payment_status']==2){?>
                                    <input style="width:45px;" type="number" min="1" max=<?= $item['order_item_qty_original'] ?>
                                        class="item-qty" data-id="<?= $item['order_item_id'] ?>" value=<?= $item['order_item_qty'] ?>><?}else{
                                            echo $item['order_item_qty']; }?>
                                    </td>

                                    <td id="subtotal-<?= $item['order_item_id'] ?>" style="padding:10px 0; vertical-align:middle;">
                                        <?= price($subtotal_g ) ?>
                                    </td>   
                                </tr>
                                <!-- max=<?= $item['order_item_qty'] ?> -->

                            <?
                            }

                            ?>

                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="row text-right">
                    <div class="col-md-12 col-xs-12 invoice-block">
                    <div class="col-md-6 col-xs-12" style="text-align: left">
                   <?     
                    if($order_detail['order_payment_status'] == 1){ ?>
                        <h4>Order has been delivered succesfully.</h4>
                        <?}
                           else if($order_detail['order_payment_status'] == 4) {?> <!-- Dispatched-->
                           <h4>Tracking ID has been generated.</h4>
                           <?}?>
                                
                                <?if($order_detail['order_tracking_number']){
                                    $tracking_numbers = explode(',',$order_detail['order_tracking_number']);
                                    foreach($tracking_numbers as $key=>$value):
                                        if(trim($value) != ''):?>
                                        <div><Strong>Order Tracking ID <?=($key+1)?> : <?=$value?></Strong></div>
                                <?endif;endforeach;
                                }?>
                        </div>
                        <div class="col-md-6 col-xs-12">
                        <ul class="list-unstyled amounts">
                            <!--<li><strong style="color:#333">Total Products</strong> : <? /*=count($order_items)*/ ?> </li>
					<li><strong style="color:#333">No of Items</strong> : <? /*=$total_quantity*/ ?> </li>-->
                            <li id="order_total"><strong style="color:#333">Sub Total</strong>
                                : <?= price($order_detail['order_total']) ?> </li>
                                <li id="order_tax"><strong style="color:#333">Tax</strong>
                                : <?= price($order_detail['order_tax']) ?> </li>
                                
                                <?if (isset($order_detail['order_custom_field']) && $order_detail['order_custom_field']!=''):
                                    foreach($order_detail['order_custom_field'] as $key => $val):?>
                                        <li><strong style="color:#333"><?=$val['label']?></strong>
                                        : <?= price($val['value'])?> </li>
                                    <?endforeach;
                                endif?>
                                
                                 <li><strong style="color:#333">Merchant Fee</strong>
                                : <?= price(($order_detail['order_total']/100)*$order_detail['order_merchantfee']) ?> </li>
                            <!--<li><strong style="color:#333">Sub Total</strong>-->
                            <!--    : <?= price($order_detail['order_total'] + (($order_detail['order_total']/100)*$order_detail['order_merchantfee']))?> </li>-->
                            
                                
					<li id="order_shipment_price"><strong style="color:#333">Shipping</strong>
                                : <?= price($order_detail['order_shipment_price']) ?> </li>
                            <!--<li><strong style="color:#333">Shipping Price</strong> : <? /*=price($order_detail['order_shipment_price'])*/ ?> </li>
					<li><strong style="color:#333">Shipping Package</strong> : <? /*=$order_detail['order_shipment_package']*/ ?> </li>-->
					<!-- <li><strong style="color:#333">Shipping</strong>
                                : <?= price($order_detail['order_shipping']) ?> </li> -->

                                <!-- <li><strong style="color:#333">Tax</strong>
                                : <?= price($order_detail['order_tax']) ?> </li> -->
<?php if (!empty($order_detail[ 'order_coupon_discount' ])): ?>
                     <li> <strong>Discount:</strong> - <?=price($order_detail['order_coupon_discount']);?></li> 
<?php endif ?>
                            <!--<li id="order_amount"><strong style="color:#333">Total-->
                            <!--    : <?= price($order_detail['order_amount']) ?> </strong>-->
                            <!--</li>-->
                            
                            <li><strong style="color:#333">Total</strong>
                                : <?= price($order_detail['order_amount'])?> </li>
                        </ul>
                        <?if($order_detail['order_payment_status'] == 2){ // Pending?>
                        <button data-toggle="modal" data-target="#updateAmountModal"
                        id="update-amount" class="btn btn-lg blue hidden-print margin-bottom-5 update-amount">
                            Update Total Amount <i class="fa fa-pencil-square-o"></i>
                            </button> 
                        <?if($order_detail['order_amount'] != $order_detail['order_amount_old']){ ?>
                        <button id="reset_amount" class="btn btn-lg blue hidden-print margin-bottom-5 update-amount">                        
                            Reset <i class="fa fa-refresh"></i>
                            </button>
                            <?}?>
                            <?}?>
                        </div>
                        <br>
                        <div class="col-md-6 col-xs-6">
                        <?if($order_detail['order_payment_status'] == 3) // Processing
                        {?>
                            <div class="form-group float-left" style="text-align: left;">
                            <label class="" for="tracking_id" style="font-size: 15px;font-weight: 900;">Tracking ID </label>
                            <input type="text" class="form-control" style="box-shadow: 4px 5px 5px 0px rgb(0 0 0 / 30%) !important;
                            -webkit-box-shadow: 4px 5px 5px 0px rgb(0 0 0 / 30%) !important;
                            -moz-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.3) !important;" id="tracking_id" name="order_tracking_number" placeholder="Enter Tracking ID (To add multiple IDs, separate them with comma)">
                            </div>
                            
                            <!--<div class="form-group float-left" style="text-align: left;">-->
                            <!--<label class="" for="tracking_id1" style="font-size: 15px;font-weight: 900;">Tracking ID 2</label>-->
                            <!--<input type="text" class="form-control" style="box-shadow: 4px 5px 5px 0px rgb(0 0 0 / 30%) !important;-->
                            <!---webkit-box-shadow: 4px 5px 5px 0px rgb(0 0 0 / 30%) !important;-->
                            <!---moz-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.3) !important;" id="tracking_id1" name="order_tracking_number1" placeholder="Enter Second Tracking ID (Optional)">-->
                            <!--</div>-->
                            <?}?>
                        </div>
                        
                        <div class="col-md-6 col-xs-6" style="margin-top: 90px;"> <!--Set margin-top to 90px-->
                        <?
                        if($order_detail['order_payment_status'] == 2){ // Pending?>
                            
                            <button id="accept-payment" class="btn btn-lg blue hidden-print margin-bottom-5 accept-payment">
                            Accept Payment <i class="fa fa-check"></i>
                            </button> 

                            <button id="decline-payment" class="btn btn-lg blue hidden-print margin-bottom-5 decline-payment">
                            Decline Payment <i class="fa fa-times"></i>
                            </button>

                        <?}
                        elseif($order_detail['order_payment_status'] == 3) // Processing
                        {?>
                            <!-- <div class="form-group float-left">
                            <label style="margin-right:94%;" class="" for="tracking_id">Tracking ID:</label>
                            <input style="width:25%;" type="text" class="form-control" id="tracking_id" name="order_tracking_number">
                            </div> -->
                            <button id="dispatch-order" class="btn btn-lg blue hidden-print margin-bottom-5 accept-payment">
                            Dispatch Order <i class="fa fa-truck"></i>
                            </button>
                            <?
                            if($order_detail['order_response']):?>
                            <a class="btn btn-lg blue hidden-print margin-bottom-5 decline-payment" data-toggle="modal" data-target="#refundAmountModal">
                            Refund Payment <i class="fa fa-credit-card"></i>
                            </a>
                            <?endif?>
                         <?}
                        elseif($order_detail['order_payment_status'] == 4) { // Dispatched?>
                        <!-- <h4><b>Order Tracking ID:</b> <?=$order_detail['order_tracking_number']?></h4> -->
                        <a id="complete-order" class="btn btn-lg blue hidden-print margin-bottom-5 accept-payment">
                            Complete Order <i class="fa fa-credit-card"></i>
                            </a>
                            
                        <?}?>
                        
                        <!--<a style="border-radius: .25em !important;" onclick="javascript:window.print();" class="btn btn-lg blue hidden-print margin-bottom-5">-->
                        <!--Print <i class="fa fa-print"></i>-->
                        <!--</a>-->
                        
                        <a id="download-btn" href="<?=base_url()?>invoices/<?=md5('Invoice-'.$order_detail['order_id'])?>.pdf" download="Invoice-<?=$order_detail['order_number']?>.pdf" style="display:none; border-radius: .25em !important;" class="btn btn-lg blue hidden-print margin-bottom-5">
                            Print <i class="fa fa-download"></i>
                        </a>
                        
                        <a href="javascript:void(0)" id="invoice-print-btn" style="border-radius: .25em !important;" class="btn btn-lg blue hidden-print margin-bottom-5">
                            Download Invoice <i class="fa fa-download"></i>
                        </a>
                        <a href="javascript:void(0)" id="save_purchase_price" style="border-radius: .25em !important; display:none; " class="btn btn-lg blue hidden-print margin-bottom-5">
                            Save Purchase Price
                        </a>
                    </div>
                        <!--<a class="btn btn-lg green hidden-print margin-bottom-5">-->
                        <!--Submit Your Invoice <i class="fa fa-check"></i>-->
                        <!--</a>-->
                    </div>
                </div>



            </div>
        </div>
        <!-- END VALIDATION STATES-->
    </div>

<!-- Refund amount Modal -->
<div id="refundAmountModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Refund Amount</h4>
      </div>
      <div class="modal-body">
        <div class="form-group float-left">
        <label class="" for="refund_amount">Enter amount you want to refund in dollars:</label>
        <input style="width:25%;" type="number" class="form-control" id="refund_amount">
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" id="refund" class="btn btn-default" data-dismiss="modal">Refund</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

<!-- update amount Modal -->
<div id="updateAmountModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Update Total Order Amount</h4>
      </div>
      <div class="modal-body">
        <div class="form-group float-left">
        <label class="" for="update_amount">Enter amount:</label>
        <input style="width:25%;" type="number" class="form-control" id="update_amount">
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" id="btn-update_amount" class="btn btn-default" data-dismiss="modal">Update</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>
<? create_modal_html("address_update", "", "", 'method="POST" action="' . $config['base_url'] . 'admin/order/save_address"', false) ?>

<script>
    var order_id = '<?=$order_detail['order_id']?>'
    
    $("#accept-payment").click(function (e) {
        var accept = window.confirm("Do you want to charge the payment?");
        if(accept){
        $("#accept-payment").prop('disabled', true);
        $('#accept-payment').css('cursor', 'not-allowed');
        $.ajax({
        method:'POST',
        // url:'<?= base_url()?>admin/order/stripe_capture_payment',
        url:'<?= base_url()?>admin/order/capture_payment',
        data: {"order_id":order_id},
        
        success: function(response){
            var data = jQuery.parseJSON(response);
            console.log(data);
            if(data.status == 1)
            {
                // AdminToastr.success("Payment has been captured", 'Success');
                AdminToastr.success(data.msg, 'Success');
                setTimeout(function(){
                location.reload();
                }, 1000);
            }
            else{
                AdminToastr.error("Failed to capture payment. Merchant Error: "+ data.msg, 'Error');
                $("#accept-payment").prop('disabled', false);
                $('#accept-payment').css('cursor', 'pointer');
            }
        }
      });
    }
    });
</script>

<script>
    var order_id = '<?=$order_detail['order_id']?>';
    $("#dispatch-order").click(function (e) {
        var answer = window.confirm("Do you want to continue??");
        if(answer){
        $("#dispatch-order").prop('disabled', true);
        $('#dispatch-order').css('cursor', 'not-allowed');
        
        var tracking_id = $('#tracking_id').val();
        // var tracking_id1 = $('#tracking_id1').val();
        
        if(tracking_id == '')
        {
            AdminToastr.error("Please enter valid tracking ID", 'Error');
            $("#dispatch-order").prop('disabled', false);
            $('#dispatch-order').css('cursor', 'pointer');
            return false;
        }
        $.ajax({
        method:'POST',
        url:'<?= base_url()?>admin/order/dispatch_order',
        data: { "order_id":order_id,
                "tracking_id":tracking_id,
                // "tracking_id1": tracking_id1,
        },
        success: function(response){
            var data = jQuery.parseJSON(response);
            console.log(data);
            if(data.status == 1)
            {
                AdminToastr.success("Tracking ID saved, This order has been completed", 'Success');
                setTimeout(function(){
                location.reload();

                }, 500);
            }
            else{
                $("#dispatch-order").prop('disabled', false);
                $('#dispatch-order').css('cursor', 'pointer');
            }
        }
      });
    }
    });
</script>

<script>
    var order_id = '<?=$order_detail['order_id']?>';
    $("#complete-order").click(function (e) {
        $("#complete-order").prop('disabled', true);
        $.ajax({
        method:'POST',
        url:'<?= base_url()?>admin/order/complete_order',
        data: { "order_id":order_id},
        success: function(response){
            var data = jQuery.parseJSON(response);
            console.log(data);
            if(data.status == 1)
            {
                AdminToastr.success("Order has been marked completed", 'Success');
                setTimeout(function(){
                location.reload(); 
                }, 500);
            }
        }
      });
      $("#complete-order").prop('disabled', true);
    });
</script>

<script>
    var order_id = '<?=$order_detail['order_id']?>'
    
    $("#refund").click(function (e) {
        var refund = window.confirm("  !!WARNING!!  This action is irreversible as the amount you enter will be refunded and the order will be cancelled. Are you sure you want to continue??");
        if(refund){
        $("#refund").prop('disabled', true);
        $("#refund").css('cursor', 'not-allowed');
        var refund_amount = $('#refund_amount').val();
        if(refund_amount == '')
        {
            AdminToastr.error("Please enter amount", 'Error');
            $("#refund").prop('disabled', false);
            return false;
            
        }
        $.ajax({
        method:'POST',
        // url:'<?= base_url()?>admin/order/stripe_refund_payment',
        url:'<?= base_url()?>admin/order/refund_payment',
        data: {"order_id":order_id, "refund_amount":refund_amount},
        success: function(response){
            var data = jQuery.parseJSON(response);
            console.log(data);
            if(data.status == 1)
            {
                // AdminToastr.success("Refund has been created", 'Success');
                AdminToastr.success(data.msg, 'Success');
                setTimeout(function(){
                location.reload();
                
                }, 500);
            }
            else{
                AdminToastr.error(data.msg, 'Error');
                    $("#refund").prop('disabled', false);
                    $("#refund").css('cursor', 'pointer');
            }
        }
      });
    }
    });

    $("#btn-update_amount").click(function (e) {
        // var refund = window.confirm("  !!WARNING!!  This action is irreversible as the amount you enter will be refunded and the order will be cancelled. Are you sure you want to continue??"); 
        updated_amount = $('#update_amount').val();
        if(updated_amount){
        $("#btn-update_amount").prop('disabled', true);
        $("#btn-update_amount").css('cursor', 'not-allowed');
        if(updated_amount == '')
        {
            AdminToastr.error("Please enter amount", 'Error');
            $("#btn-update_amount").prop('disabled', false);
            return false;   
        }
        $.ajax({
        method:'POST',
        url:'<?= base_url()?>admin/order/update_order_amount',
        data: {"order_id":order_id, "amount":updated_amount},
        success: function(response){
            var data = jQuery.parseJSON(response);
            console.log(data);
            if(data.status == 1)
            {
                AdminToastr.success("Amount has been updated", 'Success');
                setTimeout(function(){
                location.reload();
                
                }, 650);
            }
            else{
                AdminToastr.error("Something went wrong ", 'Error');
                    $("#btn-update_amount").prop('disabled', false);
                    $("#btn-update_amount").css('cursor', 'pointer');
            }
        }
      });
    }
    });

    $("#reset_amount").click(function (e) {
        var reset = window.confirm("Do you want to reset the order amount to initial value?");
        if(reset){
        $.ajax({
        method:'POST',
        url:'<?= base_url()?>admin/order/reset_order_amount',
        data: {'order_id':order_id},
        success: function(response){
            var data = jQuery.parseJSON(response);
            console.log(data);
            if(data.status == 1)
            {
                AdminToastr.success(data.txt, 'Success');
                setTimeout(function(){
                location.reload();
                
                }, 650);
            }
            else{
                AdminToastr.error(data.txt, 'Error');
                    $("#reset_amount").prop('disabled', false);
                    $("#reset_amount").css('cursor', 'pointer');
            }
        }
      });
    }
    });
    
</script>

<script>

    var order_id = '<?=$order_detail['order_id']?>';
    var refund_amount = '<?=$order_detail['order_amount']?>';
    $("#decline-payment").click(function (e) {
        if(!confirm("Are you sure to cancel this order and release the payment?"))
        {
            return false;
        }
        $('#decline-payment').prop('disabled',true);

        $.ajax({
        method:'POST',
        // url:'<?= base_url()?>admin/order/stripe_cancel_payment',
        url:'<?= base_url()?>admin/order/cancel_payment',
        data: {"order_id":order_id, "refund_amount":refund_amount},
        success: function(response){
            var data = jQuery.parseJSON(response);
            console.log(data);
            if(data.status == 1)
            {
                AdminToastr.success(data.msg, 'Success');
                setTimeout(function(){
            location.reload();
            
          }, 1000);
            }
            else{
                AdminToastr.error(data.msg, 'Error');
                $('#decline-payment').prop('disabled',false);
            }
        }
      });
    });
    
    $(".item-qty").change(function(){
        var item = $(this);
        // console.log(item);
        order_item_id = $(this).attr('data-id');
        qty = $(this).val();
        max_qty = $(this).attr('max');
        
        // alert(max_qty);
        // alert(qty);
        // max_qty = <?echo $item['order_item_qty']?>;
        if(qty > max_qty )
        {
            AdminToastr.error('New quantity can not be greater than the originally ordered quantity..', 'Error');
            $(this).val(max_qty);
            // item.attr('max', qty);
            return false;
        }
        else if(qty <= 0){
            AdminToastr.error('New quantity can not be equal to or less than 0..', 'Error');
            $(this).val(max_qty);
            // item.attr('max', qty);
            return false;
        }   
        item.prop('disabled', true);
        $.ajax({
        method:'POST',
        url:'<?= base_url()?>admin/order/update_order_item_quantity',
        data: { "product_qty": qty, 
                "order_item_id": order_item_id,
                "order_id": order_id,
                "order_item_quantity_original": max_qty},
        beforeSend: function() {
                $("#order_amount").css("background", "#FFF url('<?=base_url()?>assets/admin/img/LoaderIcon.gif') no-repeat 68%");
                // $("#order_total").css("background", "#FFF url('<?=base_url()?>assets/admin/img/LoaderIcon.gif') no-repeat 68%");
                // $("#order_tax").css("background", "#FFF url('<?=base_url()?>assets/admin/img/LoaderIcon.gif') no-repeat 68%");
                // $("#order_shipment_price").css("background", "#FFF url('<?=base_url()?>assets/admin/img/LoaderIcon.gif') no-repeat 68%");
            },
        success: function(response){
            var data = jQuery.parseJSON(response);
            console.log(data);
            if(data.status == 1)
            {   
                $("#order_amount").css("background", "#FFF");  
                // $("#order_total").css("background", "#FFF");
                // $("#order_tax").css("background", "#FFF");
                // $("#order_shipment_price").css("background", "#FFF");
                $('#order_amount').html('<strong style="color:#333">Total Price</strong> : $'+data.data.order.order_amount)
                $('#order_total').html('<strong style="color:#333">Sub Total</strong> : $'+data.data.order.order_total)
                $('#order_tax').html('<strong style="color:#333">Shipment Tax </strong> : $'+data.data.order.order_tax)
                $('#order_shipment_price').html('<strong style="color:#333">Shipping Amount</strong> : $'+data.data.order.order_shipment_price)
                $('#subtotal-'+order_item_id).text('$'+data.data.order_item.order_item_subtotal);
                $('#total_amount').html('<strong>Total Amount:</strong> $'+data.data.order.order_amount)
                $('#total_quantity').html('<strong>Total Quantity:</strong> '+qty)
                
                AdminToastr.success(data.txt, 'Success');
                setTimeout(function(){
                item.attr('value', qty);
                item.prop('disabled', false);
            // location.reload();
            
          }, 10);
            }
            else{
                $("#order_amount").css("background", "#FFF");  
                location.reload();
                item.prop('disabled', false);
                AdminToastr.error(data.txt, 'Error');
            }
        
        }
      });
        
    });
    
    function copyurl() 
    {
        var copyTextarea = document.querySelector('.auto');
        var count = $('.asd').length;
        var thelist = "";
        $(".asd").each(function() {
            thelist += $(this).html();
            count--;
            if(count>=1)
            {
                thelist += '\r';
            }
        });
        $('.auto').val(thelist);
        copyTextarea.select();
        document.execCommand('copy');
        AdminToastr.success('Text Copied Successfully','Success');
    }
    function copyurl2() 
    {
        var copyTextarea = document.querySelector('.auto');
        var count = $('.asd2').length;
        var thelist = "";
        $(".asd2").each(function() {
            thelist += $(this).html();
            count--;
            if(count>=1)
            {
                thelist += '\r';
            }
        });
        $('.auto').val(thelist);
        copyTextarea.select();
        document.execCommand('copy');
        AdminToastr.success('Text Copied Successfully','Success');
    }
    
        $('#invoice-btn').click(function(){
        if(confirm("Do you want to email invoice to customer?"))
        {
        $.ajax({
            method:'POST',
            url:'<?= base_url()?>admin/order/send_email',
            data: {"order_id":order_id},
            success: function(response){
                var data = jQuery.parseJSON(response);
                console.log(data);
                if(data.status == 1)
                {
                    AdminToastr.success(data.txt, 'Success');
                //     setTimeout(function(){
                //     location.reload();
                
                // }, 500);
                }
                else
                {
                    AdminToastr.error(data.txt, 'Error');
                //     setTimeout(function(){
                //     location.reload();
                
                // }, 500);
                }
            }
          });
        }
    });
    
    $('#invoice-print-btn').click(function(){
       $.ajax({
            method:'POST',
            url:'<?= base_url()?>admin/order/generate_pdf',
            data: {"order_id":order_id},
            success: function(response){
                var data = jQuery.parseJSON(response);
                console.log(data);
                if(data.status == 1)
                {
                    $('#download-btn')[0].click();
                    // AdminToastr.success(data.txt, 'Success');
                    
                //     setTimeout(function(){
                //     location.reload();
                
                // }, 500);
                }
                else
                {
                    // AdminToastr.error(data.txt, 'Error');
                //     setTimeout(function(){
                //     location.reload();
                
                // }, 500);
                }
            }
          });
    });
    
    
    function enable_save(val){
        $('#save_purchase_price').show();
    };
    
    $('#save_purchase_price').click(function(){
        collection = document.getElementsByClassName('pprice');
        var data = Array();
        for(var a=0 ; a<=collection.length-1 ; a++)
        {
            data[a] = {"order_item_id":collection[a].id,"order_item_purchase_price":collection[a].value};
        }
        // console.log(data);
        
        // return false
        $.ajax({
            method:'POST',
            dataType : 'json',
            url:'<?= base_url()?>admin/order/save_purchase_price',
            data: {'order_id':order_id,data:data},
            success: function(response){
                if(response.status == 1)
                {
                    // $('#download-btn')[0].click();
                    AdminToastr.success(response.txt, 'Success');
                    setTimeout(function(){
                        location.reload();
                    }, 500);
                }
                else
                {
                    AdminToastr.error(response.txt, 'Error');
                }
            }
          });
    });
</script>