<?php
    $CI =& get_instance();
    $CI->load->model('company/company_info_model');
    $company = $CI->company_info_model->companyById(element('compID', $this->session->userdata('logged_in')));
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />    
        <link rel="shortcut icon" href="<?php echo base_url()?>img/salihin_logo.png">
        <title><?php if(isset($rptTitle)) echo $rptTitle; ?> || Reporting Tekun</title>
      
        <meta name="viewport" content="width=device-width" />
        <!-- Bootstrap 3.3.5 -->
        <link rel="stylesheet" href="<?php echo base_url(); ?>bootstrap/css/bootstrap.min.css">
        <!-- Font Awesome -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
        <!-- Ionicons -->
        <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
        <!-- DataTables -->
        <link rel="stylesheet" href="<?php echo base_url(); ?>plugins/datatables/dataTables.bootstrap.css">
        <!-- Calculator -->
        <link rel="stylesheet" href="<?php echo base_url(); ?>plugins/calculator/jquery.calculator.css" id="calcUi">
        <!-- Datepicker style -->
        <link rel="stylesheet" href="<?php echo base_url(); ?>bootstrap/css/bootstrap-datetimepicker.css">
        <!-- Theme style -->
        <link rel="stylesheet" href="<?php echo base_url(); ?>dist/css/AdminLTE.css">
        
         <script src="<?php echo base_url(); ?>plugins/jQuery/jQuery-2.1.4.min.js"></script>
         
        <style>
            .thPrint tr{
                height: 41px;
                border-style: solid;
                border-color: #dd4b39 #fff;
            }
            
             .tr_amnt{
                 margin-top: 10px;
                 height: 41px;
                border-style: solid;
                border-color: #dd4b39 #fff #fff #fff;
                
            }
            
             .value{
                border-color: #dd4b39;
                border-style: solid;
                margin-top: 10px;
                padding: 5px;
             }
             
               .amount_td{
		            font-size: 20px;
		            font-weight: 500;
		            margin-top: 10px;
		        }
	
            
            .table thead th{
                  vertical-align: middle;
            }

			@media print {     .no-print, 	.no-print *, #scrollUp {         display: none !important;     } }
            @media print {
                .td-print,.td-print*{display:none !important;}
				.printTbl hr{
					margin:0 !important;
				}
				.thPrint th{
					/*background:url(<?php echo base_url() ?>img/rptPaymentAdvice.png) !important;*/
                	/*-webkit-print-color-adjust: exact;*/
					
				}
                /*body{overflow:visible !important;}*/
                @page{ 
                    size: auto;   /* auto is the initial value */ 

                    /* this affects the margin in the printer settings */ 
                    margin: 10px 10px 10px 10px;  
                } 

                /*table { page-break-after:always; }
                p     { page-break-inside:avoid; page-break-after:avoid; }
                tr    { page-break-inside:avoid; page-break-after:auto; }
                td    { page-break-inside:avoid; page-break-after:auto }
                thead { display:inline; }
                tfoot { display:inline; }*/
                .compLogo{
                    width: 150px;
                }

            }

            .table th,.table td{
                line-height:10px;
            }
            .table1 td{
                border:2px solid #dd4b39 ; 
                padding:5px;
                
            }
            .paid_paid{
                font-weight:700;
                font-size:46px;
                
            }
            .paid_date{
                font-size: 20px;
                font-weight: 700;
                letter-spacing: 2px;
                margin-top: -20px;
            }
            .div_paid{
                -webkit-transform: rotate(312deg);
                -moz-transform: rotate(312deg);
                -o-transform: rotate(312deg);
            }
            
            
            
            
            .btn-icon{
		background-color:#5ebe3a;		
		border: 2px solid #5ebe3a;	
		color: #fff !important;
		display:inline-block;
		*display:inline;*zoom:1;
		padding: 4px;
		margin-bottom:0;
		font-size:11px;
		line-height:20px;
		text-align:center;
		vertical-align:middle;
		cursor:pointer;			
		opacity: .9; 
		filter: alpha(opacity=90); 	
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out; 
		-webkit-backface-visibility: hidden;
		
	}
	.btn-icon:hover,.btn-icon:focus,.btn-icon:active,.btn-icon.active,.btn-icon.disabled,.btn-icon[disabled]{color: #5ebe3a !important; background-color: transparent !important; }
	.btn-icon:active,.btn-icon.active{background-color: transparent !important;}
	.btn-icon:first-child{*margin-left:0;}
	.btn-icon:hover,.btn-icon:focus{
		color: #5ebe3a !important;
		text-decoration:none;
		background-position:0 -15px;
		-webkit-transition:background-position 0.1s linear;
		-moz-transition:background-position 0.1s linear;
		-o-transition:background-position 0.1s linear;
		transition:background-position 0.1s linear;
	}
	
	/** button form		 **/
	
	.btn-form, .ui-dialog-buttonset button{
		background:#5ebe3a;		
		border: 2px solid #5ebe3a;	
		color: #fff !important;
		display:inline-block;
		*display:inline;*zoom:1;
		padding:4px 6px;
		margin: 0px 0 0 2px;
		font-size:11px;
		line-height:20px;
		text-align:center;
		vertical-align:middle;
		cursor:pointer;		
		opacity: .9; 
		filter: alpha(opacity=90); 		
		
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out; 
		-webkit-backface-visibility: hidden;
		
	}
	.btn-form:hover,.btn-form:focus,.btn-form:active,.btn-form.active,.btn-form.disabled,.btn-form[disabled]{color: #5ebe3a !important; background-color: transparent !important; }
	.btn-form:active,.btn-form.active{background-color: transparent !important;}
	.btn-form:first-child{*margin-left:0;}
	.btn-form:hover,.btn-form:focus,
	.ui-dialog-buttonset button:hover,
    .ui-dialog-buttonset button:active,
	.ui-dialog-buttonset button:focus	{
		color: #5ebe3a !important;
		text-decoration:none;
		background-position:0 -15px;
		-webkit-transition:background-position 0.1s linear;
		-moz-transition:background-position 0.1s linear;
		-o-transition:background-position 0.1s linear;
		transition:background-position 0.1s linear;
	}	
	
	/** button primary		 **/
	
	.btn-primary-form.active,.btn-warning-form.active,.btn-danger-form.active,.btn-success-form.active,.btn-info-form.active,.btn-inverse-form.active{color:rgba(255, 255, 255, 0.75);}
	.btn-primary-form{
		background-color:#5ebe3a;
		border: 2px solid #5ebe3a;
		color: #fff !important; 
		font-family: 'Tahoma', Arial, sans-serif;  
		font-size: 12px; 
		font-weight: 400;		
		line-height: 18px;
		text-decoration: none;
		text-align: center;				
		opacity: .9; 
		filter: alpha(opacity=90); 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		border-radius: 3px;    
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out; 
		-webkit-backface-visibility: hidden;		
	}
	.btn-primary-form:hover,.btn-primary-form:focus,.btn-primary-form:active,.btn-primary-form.active,.btn-primary-form.disabled,.btn-primary-form[disabled]{
		background-color: transparent !important; 
		color: #5ebe3a !important; 
		text-decoration: none;
		text-align: center;		
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out;
	}
	
	/** button warning		 **/
	
	.btn-warning-form{
		background:#faa732;
		border: 2px solid #faa732;
		color: #fff !important; 
		font-family: 'Tahoma', Arial, sans-serif;  
		font-size: 12px; 
		font-weight: 400;		
		line-height: 18px;
		text-decoration: none;
		text-align: center;		
		opacity: .9; 
		filter: alpha(opacity=90); 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		border-radius: 3px;    
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out; 
		-webkit-backface-visibility: hidden;			
	}
		
	.btn-warning-form:hover,.btn-warning-form:focus,.btn-warning-form:active,.btn-warning-form.active,.btn-warning-form.disabled,.btn-warning-form[disabled]{
		background-color: transparent !important; 
		color: #faa732 !important; 
		text-decoration: none;
		text-align: center; 		
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out;
	}
	
	/** button danger		 **/
	
	.btn-danger-form{
		background:#da4f49;
		border: 2px solid #da4f49;
		color: #fff !important; 
		font-family: 'Tahoma', Arial, sans-serif;  
		font-size: 12px; 
		font-weight: 400;		
		line-height: 18px;
		text-decoration: none;
		text-align: center;	
		opacity: .9; 
		filter: alpha(opacity=90); 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		border-radius: 3px;    
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out; 
		-webkit-backface-visibility: hidden;			
	}
	.btn-danger-form:hover,.btn-danger-form:focus,.btn-danger-form:active,.btn-danger-form.active,.btn-danger-form.disabled,.btn-danger-form[disabled]{
		background-color: transparent !important; 
		color: #da4f49 !important; 
		text-decoration: none;
		text-align: center; 		
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out;
	}
	
	/** button success		 **/
		
	.btn-success-form{
		background:#51a351;
		border: 2px solid #51a351;
		color: #fff !important; 
		font-family: 'Tahoma', Arial, sans-serif;  
		font-size: 12px; 
		font-weight: 400;		
		line-height: 18px;
		text-decoration: none;
		text-align: center; 	
		opacity: .9; 
		filter: alpha(opacity=90); 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		border-radius: 3px;    
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out; 
		-webkit-backface-visibility: hidden;	
				
		}
		
	.btn-success-form:hover,.btn-success-form:focus,.btn-success-form:active,.btn-success-form.active,.btn-success-form.disabled,.btn-success-form[disabled]{
		background-color: transparent !important; 
		color: #51a351 !important; 
		text-decoration: none;
		text-align: center;	
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out;		
		}
	
	/** button info		 **/
	
	.btn-info-form{
		background:#2f96b4;
		border: 2px solid #2f96b4;		
		color: #fff !important; 
		font-family: 'Tahoma', Arial, sans-serif;  
		font-size: 12px; 
		font-weight: 400;		
		line-height: 18px;
		text-decoration: none;
		text-align: center; 	
		opacity: .9; 
		filter: alpha(opacity=90); 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		border-radius: 3px;    
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out; 
		-webkit-backface-visibility: hidden;			
	}
	.btn-info-form:hover,.btn-info-form:focus,.btn-info-form:active,.btn-info-form.active,.btn-info-form.disabled,.btn-info-form[disabled]{
		background-color: transparent !important; 
		color: #2f96b4 !important; 
		text-decoration: none;
		text-align: center; 	
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out;		
	}
	
	/** button inverse		 **/
		
	.btn-inverse-form{
		background:#363636;
		border: 2px solid #363636;
		color: #fff !important; 
		font-family: 'Tahoma', Arial, sans-serif;  
		font-size: 12px; 
		font-weight: 400;		
		line-height: 18px;
		text-decoration: none;
		text-align: center; 
		opacity: .9; 
		filter: alpha(opacity=90); 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		border-radius: 3px;    
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out; 
		-webkit-backface-visibility: hidden;		
	}
	.btn-inverse-form:hover,.btn-inverse-form:focus,.btn-inverse-form:active,.btn-inverse-form.active,.btn-inverse-form.disabled,.btn-inverse-form[disabled]{
		background-color: transparent !important; 
		color: #363636 !important; 
		text-decoration: none;
		text-align: center; 		
		-webkit-transition: all .1s ease-out; 
		-moz-transition: all .1s ease-out; 
		-o-transition: all .1s ease-out; 
		transition: all .1s ease-out;		
	}	
        
        
      
       
            
        </style>

        <script>
			$(document).ready(function(){
				$('.image').height($('.thPrint').height());
				$('.image').width($('.thPrint').width());
			});
        
            function do_print() {
                window.print();
            }

//             function getExcelFile() {
                var url = '<?php echo base_url(); echo isset($myUrl) ? $myUrl:''; echo '/'; echo isset($id)?$id:''; ?>"';
                //var url = "<?php echo base_url() ?>ApTransactionReport/printPaymentAdviceRptExel/<?php echo isset($id)?$id:''; ?>";
//                         window.location.href = url;
//                     }
            function downloadExcel(){
				var url = "<?php echo "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'].'/'.true; ?>";
				window.location.href = url;
            }
        </script>

    </head>

    <body>
        
        <table  style="width:97%; margin-top:20px; margin:auto;" class="printTbl">
            <tbody>
                        <tr>
                            <td colspan="2"  style="overflow:hidden; padding-bottom:10px;">
                                <p style="text-align: right; margin:0; padding-right: 10px; font-weight: 500; line-height: 2; padding-bottom: 0px; padding-top: 0px; color: black; font-size: 25px;">
                                    <?php if(isset($rptTitle)) echo $rptTitle; ?>
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" class="container-fluid">
                            	<div class="col-lg-4 col-md-4 col-sm-4 text-center">
                            		<img class="compLogo img-circle" src="<?php echo base_url(). 'dist/companyProfile/'.element('compID', $this->session->userdata('logged_in')).".jpg";?>" style="max-width:100px;" />
                            	</div>
                            	<div class="col-lg-4 col-md-4 col-sm-4">
                                <?php
                                if (isset($company)) {
                                    foreach ($company as $rowC) {
                                        ?>

                                        <?php if(isset($pdf417)): ?>
                                            <div class="fr">
                                                <?php 
                                                    echo $pdf417;
                                                ?>
                                            </div>
                                        <?php endif; ?>
                                        <p style="text-align:center; font-size:16px; width:355px;margin:0 auto;"> 
                                            <span style=" font-weight:800;"><?php echo $rowC->companyName; ?></span><br />
                                        </p>
                                        <p style="width: 355px; text-align:center; font-size:10px; line-height:1.4; padding:0 0 5px; margin:0 auto; ">
                                            
                                            <?php if(!empty($rowC->line1)): ?><span><?php echo $rowC->line1; ?></span><br /><?php endif; ?>
                                            <?php if(!empty($rowC->line2) || !empty($rowC->line3)): ?><span><?php echo $rowC->line2.", ".$rowC->line3; ?></span><br /><?php endif; ?>
                                            <?php if(!empty($rowC->companyPostCode) || !empty($rowC->city)): ?><span><?php echo $rowC->companyPostCode . '  ' . $rowC->city; ?> </span><br /><?php endif; ?>
                                            <?php if(!empty($rowC->fldname) || !empty($rowC->fldcountry)): ?><span><?php echo $rowC->fldname . '  ' . $rowC->fldcountry; ?> </span><br /><?php endif; ?>
                                            <?php if(!empty($rowC->phoneNo) || !empty($rowC->faxNo)): ?><span><?php echo 'Phone : ' . $rowC->phoneNo . '  Fax : ' . $rowC->faxNo; ?> </span><?php endif; ?>
                                        </p>
                                    <?php }
                                }
                                ?>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-4">
                                </div>

                            </td>
                        </tr>
                        <?php if(isset($leftContentHeader) || isset($leftContent) || isset($rightContentHeader) || isset($rightContent)): ?>
                        <tr>
                            <td>
                                <?php
                                if (isset($leftContentHeader)){
                                    echo "<p class='modPrint' style='padding-left:10px; margin:0; font-size:11px; '>"
                                    . "<strong>".$leftContentHeader."</strong></p>";
                                }
                                 
                                 if (isset($leftContent)){
                                   echo '<p style="padding-left:10px; margin:0; line-height:1.4;">';
                                    foreach ($leftContent as $value) {
                                         echo $value != ''?"<span>".$value."</span><br />":'';
                                     }
                                      if (isset($sale_invoice_date)){
                                   echo '<div class="div_paid modPrint" style="padding-left: 10px; line-height: 1.4; position: relative; width: 100px; height: 0px; float: right; margin-top: -80px; margin-right: 30%;">';
                                        echo '<div class="paid_paid">PAID</div><div class="paid_date">'.$sale_invoice_date.'</div>';
                                  echo '</div>';
                                 }
                                  echo '</p>';
                                 }
                                 
                                 
                                
                                ?>
                                
                            </td>
                                
                            <td valign="top">
                                <?php if(isset($rightContentHeader) || isset($rightContent)): ?>
                                <div style="line-height:1.4; text-align:left; float:right">
                                    <?php
                                        if (isset($rightContentHeader)){
                                        	echo "<p class='modPrint' style='padding-right:10px; margin:0; font-size:11px; '>"
                                        			. "<strong>".$rightContentHeader."</strong></p>";
                                        } 
                                        if (isset($rightContent)){
                                             foreach ($rightContent as $value) {
                                                echo $value != ''?"<span>".$value."</span><br />":'';
                                            }
                                        }
                                    ?>
                                </div>
                                <?php endif; ?>
                              </td>
                        </tr>
                        <?php endif; ?>

