<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;
  border-collapse: collapse;
  width: 100%;
}

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

#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;
  border-collapse: collapse;
  width: 100%;
}

#scan td, #scan th {
  border-collapse: collapse;
  padding: 8px;
  font-size:11px;
}

#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: 0px 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>
#title {
  font-family: Arial, Helvetica, sans-serif;
 
  width:95%;
 

}

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

#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>
#tarikh_cetak {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width:50%;

}

#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>
#glejer {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width:100%;


}

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

}

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

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

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

}
</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>
<br>

<table id="title">
<td> <b><u>LEJER AM</u></b></td>
</table>
<br>


<table id="tarikh_cetak">

<tr>
<td style="width:5px" ><b>TARIKH DARI</b></td ><td style="width:1px"> {{$tarikh_mula}}  </td>
<td style="width:5px" ><b>HINGGA</b></td><td style="width:1px"> {{$tarikh_akhir}} </td> 
</tr>

</table>

<br>

<table id="glejer">
    <tr>
<th  style="width:10px">KOD GL</th><th colspan="2"   style="width:50px">  KETERANGAN</th> <th style="width:5px">DEBIT</th> <th style="width:5px" >KREDIT</th><th style="width:10px">JUMLAH</th>
</tr>
@foreach($data as $index=>$var)
<tr>

<td style="width:10px">{{ $var['glcode']}}</td><td colspan="2"  style="width:50px" >{{$var['descpt']}}</td><td style="width:5px" > {{$var['debit']}}</td><td style="width:5px"> {{$var['kredit']}} </td>

@if($var['hariini'] >0 )
<td style="width:10px">  {{

            $var['hariini']
       }}
  
  
  
   </td>
@else
<td>


(     {{  number_format(abs($var['hariini']),2)}}       )



</td>

 @endif

</tr>
@endforeach
<tr>

<td colspan="3" style="width:60px"><B>JUMLAH: </B></td><td><b>@foreach($debit as $db=>$vr) {{  number_format($vr['totalDebit'],2)}} @endforeach    

</b></td><td> <b> @foreach($kredit as $db=>$vr) {{  number_format($vr['totalKredit'],2)}} @endforeach </b> </td>
<td>    <b>


@foreach($kredit as $db=>$vr)
@foreach($debit as $db2=>$vr2)

{{  number_format($vr['totalKredit'] -$vr2['totalDebit'] ,2)  }}
@endforeach
  @endforeach

















               </b>     </td>



</tr>






</table>


<br>
<br>


<table id="details">
<tr>
<th> </th><th> DISEMAK  </th><th></th> <th> DISAHKAN </th><th></th>
</tr>
<tr>

<td> </td> 
<td> </td> 

<td> </td> 

<td> </td> 

</tr>

<tr>

<td> </td> 
<td> </td> 

<td> </td> 

<td> </td> 

</tr>






 <tr>
 <td></td>
 <td>........................................................</td><td></td>
 <td>......................................................... </td>
 <td> </td>
 </tr>

</table>