<section class="content">

<div id="p1">
<section class="invoice">
<div class="row">
<div class="col-xs-12">
<h2 class="page-header">
<i class="fa fa-globe"></i> STICOM
<small class="pull-right">Date: 2/10/2014</small>
</h2>
</div>
</div>
<div class="row invoice-info">
<div class="col-sm-3 invoice-col">

<address>

<strong>TANGGAL SERVICE</strong><br>
<strong>NAMA</strong><br>
<strong>No. Telp/HP</strong><br>
<strong>ALAMAT</strong><br>
</address>
</div>
<!-- /.col -->
<?php $no=1; foreach($service as $a){ ?>
<div class="col-sm-7 invoice-col">
<address>

: <?php echo $a['tgl_masuk']; ?><br>

: <?php echo $a['name']; ?><br>
: <?php echo $a['tgl_masuk']; ?><br>
: <?php echo $a['alamat_service']; ?><br>
</address>
</div>
<!-- /.col -->
<div class="col-sm-2 invoice-col">

</div>
<!-- /.col -->
</div>
<div class="row">
<div class="col-xs-12 table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>No</th>
<th>Nama Barang</th>
<th>Keluhan</th>
<th>Kelengkapan</th>
</tr>
</thead>
<tbody>
<tr>
<td><?php echo $no++;?></td>
<td><?php echo $a['nm_barang'];?></td>
<td><?php echo $a['keluhan'];?></td>
<td><?php echo $a['kelengkapan'];?></td>
</tr>
<?php
} ?>
 </tbody>
</table>
</div>
</div>
<div class="row">
<!-- accepted payments column -->
<div class="col-xs-8">

</div>
<!-- /.col -->
<div class="col-xs-4">

<div class="table-responsive">
<table class="table">
<tr>
<th>Penerima</th>
<th>Hormat Kami</th>
</tr>
<tr>
<th><br><br>....................</th>
<th><br><br>....................</th>
</tr>
</table>
</div>
</div>
<!-- /.col -->
</div>
</div>
<div class="row no-print">
<div class="col-xs-12">
<button class="btn btn-success" onclick="printContent('p1');"><i
class="fa fa-print"> Print</i></button>
</div>
</div>
</section>
<script>
function printContent(el){
var restorepage = document.body.innerHTML;
var printcontent = document.getElementById(el).innerHTML;
document.body.innerHTML = printcontent;
window.print();
document.body.innerHTML = restorepage;
}
</script>
</section>