<head>
    <style>
        tr, td {font-size:1.75rem; }
    
        @page  {
            size: A4;
            margin: 10mm 2mm 20mm 2mm;    
            
            @bottom-center {
                content: counter(page);
            }
        }
        
        @page  :left: header {
            content: "Page " decimal(pageno), , first(chapter);
            font-variant: small-caps
        }
        @page  :right :header {
            content: last(section), , "Page " decimal(pageno);
            font-variant: small-caps
        }    
    
        table.report-container {
            page-break-after:always;
        }
        thead.report-header {
            display:table-header-group;
        }
        tfoot.report-footer {
            display:table-footer-group;
        }    
        
        #tblisi th { border-bottom:1px black solid; }
    
    </style>    
</head>

<body>
        
    <script type="text/javascript">
         //window.onload = addPageNumbers;

        function addPageNumbers() {
            var totalPages = Math.ceil(document.body.scrollHeight / 600);  //842px A4 pageheight for 72dpi, 1123px A4 pageheight for 96dpi, 
            for (var i = 1; i <= totalPages; i++) {
              var pageNumberDiv = document.createElement("div");
              var pageNumber = document.createTextNode("Page " + i + " of " + totalPages);
              pageNumberDiv.style.position = "absolute";
              pageNumberDiv.style.marginTop = "calc((" + i + " * (297mm )) - 400mm - 0.5px)"; //297mm A4 pageheight; 0,5px unknown needed necessary correction value; additional wanted 40px margin from bottom(own element height included)
              pageNumberDiv.style.marginTop = 1000px;
              pageNumberDiv.style.marginRight = 50px;
              pageNumberDiv.style.height = "16px";
              pageNumberDiv.appendChild(pageNumber);
              document.body.insertBefore(pageNumberDiv, document.getElementById("content"));
              pageNumberDiv.style.left = "calc(100% - (" + pageNumberDiv.offsetWidth + "px + 20px))";
            }
          }
    </script>


<?php $__env->startSection('title'); ?>
    Report Sisa Hutang &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

  	<!--a onclick="window.location='<?php echo e(route('home')); ?>'" class="btn btn-primary"><i class="fa fa-home"></i> Home </a-->
	<a onclick="window.history.go(-1)" class="btn btn-warning"><i class="fa fa-undo"></i> Back </a> 
	<a onclick="myFunction()" class="btn btn-success"><i class="fa fa-print"></i>Print Dokumen</a>
    <!--a onclick="printmatrix()" class="btn btn-success"><i class="fa fa-print"></i>Print Faktur</a-->

    <script>
        function myFunction() {
          window.print();
        }
    </script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('breadcrumb'); ?>
   ##parent-placeholder-6e5ce570b4af9c70279294e1a958333ab1037c86##
     <li>report sisa hutang</li>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<h4>REPORT SISA HUTANG</h4>

<?php if(empty($principel)): ?>
    <h4>ALL</h4>
<?php else: ?>
    <h4>Supplier <?php echo e($principel); ?></h4>
<?php endif; ?>


<table class="report-container" cellspacing="5" cellpadding="5"  style="width:100%;" id="tblisi">
    
    <thead class="report-header">  
    
        <tr border="1">
        	<th width="275">Principel</th>
        	<th width="100" class="text-left">No.Rerensi</th>
        	<th width="250" class="text-left">No.Invoice</th>
        	<th width="90" class="text-center">Tgl.Inv</th>
        	<th width="90" class="text-center">Tgl.JT</th>
        	<th width="100" class="text-right">TOTAL</th>
        </tr>
    </thead>
    
    <?php $__currentLoopData = $dt; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $list): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    	<tr>
        	<td><?php echo e($list->sup_nama); ?></td>
        	<td><?php echo e($list->no_urut); ?></td>
        	<td><?php echo e($list->inv_no); ?></td>
        	<td><?php echo e(tanggal_indonesia($list->inv_tgl, false)); ?></td>
        	<td><?php echo e(tanggal_indonesia($list->inv_jt, false)); ?></td>
        	<td align="right"><?php echo e(format_uang($list->inv_netto)); ?></td>
        </tr>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    
    	<tr>
    	   	<td></td>
        	<td><b>GRAND TOTAL</b></td>
        	<td></td>
        	<td></td>
        	<td></td>
        	<td align="right"><b><?php echo e(format_uang($ttlhutang)); ?></b></td>
        </tr>    
    
<!--tfoot class="report-footer">
    <tr><td></td><td><h6>#report sale</h6></td></tr>
</tfoot-->

    
</table>



<!--hr> <!--style="width:96%; margin-top:5px; margin-bottom:5px; background-color: black; height: 1px; border:1;"-->


<?php $__env->stopSection(); ?>

<script type="text/javascript">
    
    function printmatrix(){
        
        var idinv = $('#idinv').val();
        
        var ua = navigator.userAgent.toLowerCase();
        var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
                	
        if(isAndroid) {
            var tpdevice='android';
        }else{
            var tpdevice='pclaptop';
        }
            
        $.ajax({
            url : "<?php echo e(DIR_APP); ?>invoice/"+idinv+"/printfaktur_matrix",
            type : "GET",
            dataType : "JSON",
            success : function(data){
                if(tpdevice=='android'){
                    window.location.href=data.data;
                }else{
                	var socket = new WebSocket("ws://127.0.0.1:40213/");        /* harus dijalankan dulu dari rawbt.bat */
                    socket.bufferType = "arraybuffer";
                    socket.onerror = function(error) {
                	    alert("Error");
                    };			
                	socket.onopen = function() {
                		socket.send(data.data);
                		socket.close(1000, "Work complete");
                	};                    
                }
                    
                //ocation.reload();
        
            },
            error : function(){
                alert("error print...");
            }
        });
    }

</script>

<?php echo $__env->make('layouts.print', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/myprojeq/public_html/sriayu/resources/views/report/reporthutang.blade.php ENDPATH**/ ?>