
<style>
#header {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#header td, #customers th {
 
  padding:4px;
  font-size:10px;
}

#header tr:nth-child(even){background-color: #ffffff;}

#header tr:hover {background-color: #ddd;}

#header th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  padding:4px;
  color:black;
}
</style>




<style>
#scan {
  font-family: Arial, Helvetica, sans-serif;

  width: 100%;
  border: 1px solid #ddd;
}

#scan td, #scan th {
 
  padding: 8px;
  font-size:12px;
}

#scan tr:nth-child(even){background-color: #ffffff;}

#scan tr:hover {background-color: #ddd;}

#scan th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  padding:4px;
  color:black;
}
</style>


<style>
#scan {
  font-family: Arial, Helvetica, sans-serif;

  width: 100%;
}

#scan td, #scan th {
  
  padding: 8px;
  font-size:12px;
}


#scan tr:nth-child(even){background-color: #ffffff;}

#scan tr:hover {background-color: #ddd;}

#scan th {
  border-collapse: collapse;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  padding:4px;
  color:black;
}
</style>



<style>
#details {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 50%;
}

#details td, #details th {
 
  padding: 8px;
  font-size:11px;
}

#details tr:nth-child(even){background-color: #ffffff;}

#details tr:hover {background-color: #ffffff;}

#details th {
  padding-top: 12px;
 font-style:bold;
  padding-bottom: 12px;
  text-align: left;
  padding:4px;
  color:black;
}
</style>

<style>
#sign {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#sign td, #sign th {

  padding: 8px;
  font-size:11px;
  text-align: center;
}

#sign tr:nth-child(even){background-color: #ffffff;}

#sign tr:hover {background-color: #ddd;}

#sign th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  padding:4px;
  color:black;
}
</style>



<style>
#title {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 50%;
}

#title td, #title th {
 
  padding:4px;
  font-size:12px;
  border: 0px solid #fff;
}

#title tr:nth-child(even){background-color: #ffffff;}

#title tr:hover {background-color: #ddd;}

#title th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  padding:4px;
  color:black;

}
</style>

<style>
#details {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width:80%;

}

#details td, #details th {
 
  padding:4px;
  font-size:12px;
  border: 1px solid #ddd;
}

#details tr:nth-child(even){background-color: #ffffff;}

#details tr:hover {background-color: #ddd;}

#details th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  padding:4px;
  color:black;

}
</style>



<style>
#tarikh_cetak {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width:40%;

}

#tarikh_cetak  td, #tarikh_cetak th {
 
  padding:4px;
  font-size:12px;

}

#tarikh_cetak  tr:nth-child(even){background-color: #ffffff;}

#tarikh_cetak  tr:hover {background-color: #ddd;}

#tarikh_cetak  th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  padding:4px;
  color:black;

}
</style>


<style>
#data {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 80%;


}

#data td, #data th {
 
  padding:4px;
  font-size:12px;

  font-size:12px;
}


#data tr:nth-child(even){background-color: #ffffff;}

#data tr:hover {background-color: #ddd;}

#data th {
  padding-top: 11px;
  padding-bottom: 11px;
  text-align: left;
  padding:4px;
  color:black;
  font-size:14px;


}
</style>
<table id="header">
  <tr>
    <th rowspan="4"  style="width:50px"><br><img src="{{ asset('img/ARRAHN1.png') }}" style="width:70px"></img></th>
    <th colspan="1">KOPERASI PERMODALAN KELANTAN BERHAD</th>
  </tr>
  <tr>
    <td>{{ $cawangan_detail['namacaw'] }}</td>
    <td></td>
  </tr>
  <tr>
    <td>{{ $cawangan_detail['alamat1'] }}</td>
    <td></td>
  </tr>
  <tr>
    <td>{{ $cawangan_detail['alamat2'].' No Tel : '. $cawangan_detail['notel'].' No Faks : '. $cawangan_detail['nofaks'] }}</td>
    <td></td>
  </tr>
</table>
<br>


<table id="tarikh_cetak">

<tr><td style="width:20px" ><b>Tarikh Laporan</b></td ><td   style="width:40px"> {{$tarikh_stok}}  </td> </tr>
<tr><td style="width:20px" ><b>Tarikh Cetak</b></td><td    style="width:40px"    >{{$tarikh_cetak}} </td></tr>


</table>


<br>
<table id="tarikh_cetak">
<tr>
 <td cospan="2" > <B><U>LAPORAN STOK BERSIH</U></B></td>


</tr>
</table>
<br>
<table id="data">
<tr>
    <th>Bil</th> <th>Norujukan</th><th>No KP</th> <th>Pembiayaan</th> <th> Margin Pembiayaan % </th> <th>JBG</th> <th>Tag Lel </th><th>  Bil Bayar  </th>      <th>T_Update</th>   <th>JT</th>
</tr> 
@foreach($data as  $index=>$var)
<tr>  

<td> {{ $loop->iteration }} </td><td>{{$var['norujukan']}}</td><td>{{$var['nokp']}}</td><td>{{$var['pinjaman']}}</td>  <td>{{$var['percentpinj']}} </td><td>{{$var['jbg']}}</td><td></td><td></td><td>{{$var['t_update']}}</td><td>{{$var['jenistebus']}}</td>

</tr>

@endforeach

</table>
