<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;
    }

    #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;
    }

    #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;
    }

    #details {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 50%;
    }
    
    #details td, #details th {
    
      padding: 8px;
      font-size:11px;
    }

    .signature{ float: left; }
    .signature{ 
      margin: 20px 30px;
      border-top: 1px solid #000;
      border-top-style: dotted;
      border-spacing: 200px;
      width: 200px; 
      text-align: center;
    }
    
    #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;
    }

    #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;
    }
  
    #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;
    
    }
  
    #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;
    
    }

    #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;
    
    }

    .tarikhcetak{
      margin-bottom:20px;
      padding:2px;
      font-family: Arial, Helvetica, sans-serif;
      color:black;
      font-size:12px;
      text-align:left;
      
    }

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

    
    #glejer  td {
      padding:4px;
      font-size:12px;
      /* border: 1px solid #ddd; */
      border-right:1px solid #000000;
      border-left:1px solid #000000;
      padding: 6px;
    
    }
    
    #glejer  tr:nth-child(even){background-color: #ffffff;}
    
    #glejer  tr:hover {background-color: #ddd;}
    
    #glejer  th {
      /* padding-top: 12px;
      padding-bottom: 12px; */
      background-color:#ecf0f1;
      text-align: center;
      padding:12px;
      color:black;
      font-size:12px;
      border: 1px solid #000000;
      margin:20px;

    }

    #glejer td:nth-child(1) {  
      text-align:center;
    }

    #glejer td:nth-child(3) {  
      text-align:right;
    }
    #glejer td:nth-child(4) {  
      text-align:right;
    }
    #glejer td:nth-child(5),#glejer td:nth-child(5) {  
      text-align:right;
    }
</style>
  
  
  
  <table id="header">
    <tr>
      <th rowspan="4"  ><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>


<div class="tarikhcetak">
  <span style="font-weight: bold;">[ TARIKH DARI : </span>
  <span>@php 
    $myDateTime = DateTime::createFromFormat('Y-m-d', $tarikh_mula);
    $tarikhmula = $myDateTime->format('d-m-Y');
    echo($tarikhmula)
  @endphp</span>
  <span style="font-weight: bold;"> ..... </span>
  <span style="font-weight: bold;">HINGGA : </span><span>@php 
    $myDateTime = DateTime::createFromFormat('Y-m-d', $tarikh_akhir);
    $tarikhakhir = $myDateTime->format('d-m-Y');
    echo($tarikhakhir)
  @endphp<span style="font-weight:bold"> ]</span></span>
   <span style="margin-left:50px;font-weight: bold;">TARIKH CETAK : </span><span>@php 
    $myDateTime = DateTime::createFromFormat('Y-m-d', $tarikh_cetak);
    $tarikh_cetak = $myDateTime->format('d-m-Y');
    echo($tarikh_cetak)
  @endphp</span>
</div>



<table id="glejer">
  <tr>
    <th>KOD GL</th>
    <th colspan="2">KETERANGAN</th>
    <th>DEBIT</th>
    <th>KREDIT</th>
    <th>JUMLAH</th>
  </tr>

  @foreach($lejeram as $index => $lejer)
    <tr>
      <td>{{ $lejer['glcode'] }}</td>
      <td colspan="2">{{ $lejer['descpt'] }}</td>
      <td>{{ number_format($lejer['debit'],2) }}</td>
      <td>{{ number_format($lejer['kredit'],2) }}</td>
      <td>@php $Totalsama = $lejer['debit'] - $lejer['kredit']; echo number_format($Totalsama,2); @endphp</td>
    </tr>
  @endforeach

  <tr>
    <th style="text-align:left;font-weight:700;"colspan="3">Jumlah: </th>
    <th style="text-align:right;font-weight:700;">{{ number_format($totalsamadebit,2) }}</th>
    <th style="text-align:right;font-weight:700;">{{ number_format($totalsamakredit,2) }}</th>
    <th style="text-align:right;font-weight:700;">@php $Total = $totalsamadebit - $totalsamakredit; echo number_format($Total,2); @endphp</th>
  </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> --}}

<div style="margin-left:70px;">
  <span class ="signature"><span style="margin-top:20px;">Disemak Oleh</span></span>  
  <span class ="signature">Disahkan Oleh</span> 
</div>
