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

#details td, #details th {

  padding: 8px;
  font-size:8px;
}

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

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

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








<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 style="font-size:20px;font-weight:bold;">{{ $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="scan">
  <tr>
    <th colspan ="5"><b>LAPORAN TUNTUT BAKI</b></th>
    <th> </th>
    <th> </th>
    <th>
    </th>
    <th></th>
  </tr>
  <tr>
    <td><b> Tarikh:</b></td>
    <td style="text-align:left;"> @php
        $myDateTime = DateTime::createFromFormat('Y-m-d', $gadai_date);
        $formattedweddingdate = $myDateTime->format('d-m-Y');
        echo($formattedweddingdate)
      @endphp</td>
  </tr>
  <tr>
    <td style="width:10px"> <b>Tarikh Cetak</b></td>
    <td style="text-align:left;">@php
      $myDateTime = DateTime::createFromFormat('Y-m-d', $tarikh_cetak);
      $formattedweddingdate = $myDateTime->format('d-m-Y');
      echo($formattedweddingdate)
    @endphp</td>
    <td style="width:50px">
    </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>

<br>
<table id="details">
  <tr>
    <th>Bil</th>
    <th>Nama</th>
    <th>No K/P</th>
    <th>No Rujukan</th>
    <th>Caj Lelong (RM)</th>
    <th>Jumlah Baki (RM)</th>
  </tr>
  @php $counter = 1; $totaljumlah = 0; @endphp
  @foreach($tuntutbaki as $index=>$item)
  @php $totaljumlah += $item['jumlah'] @endphp
    @if($index > 0)
        @if($item['teller'] != $tuntutbaki[$index - 1]['teller'])
            <tr>
                <td colspan=10>Teller : <b>{{ $item['teller'] }}</b></td>
            </tr>
           @php $totalpinjamanteller = 0;$totalcajlelong = 0; @endphp
        @endif
    @else
        <tr>
            <td colspan=10>Teller : <b>{{ $item['teller'] }}</b></td>
        </tr>
        @php $totalpinjamanteller = 0;$totalcajlelong = 0; @endphp

    @endif
    <tr>
      <td>{{ $counter }}</td>
      <td>
        @php

            $gadaidetail = Http::withOptions(['verify' => config('app.api_verify')])->get($api_url . '/api/gadai/norujukan/' . $item['norujukan'])->json();
            $customer_detail = Http::withOptions(['verify' => config('app.api_verify')])->get($api_url . '/api/customers/' . $gadaidetail[0][0]['nokp'])->json();
            echo $customer_detail['nama'];
        @endphp
      </td>
      <td style="width:100px">{{$gadaidetail[0][0]['nokp']}}</td>
      <td style="width:100px">{{$item['norujukan']}}</td>
      <td>{{ $item['cajlelong'] }}</td>
      <td>{{ $item['jumlah'] }}</td>
    </tr>
    @php $counter++; @endphp
    @php $totalpinjamanteller += $item['jumlah'];$totalcajlelong += $item['cajlelong']; @endphp
    @if($index+1 < sizeof($tuntutbaki))
        @if($item['teller'] != $tuntutbaki[$index + 1]['teller'])
            <tr>
                <td colspan="4"><b>{{ $counter-1 }}</b> Jumlah surat bagi teller : <b>{{ $item['teller'] }}</b></td>
                <td><b>{{ number_format($totalcajlelong,2) }} </b></td>
                <td><b>{{ number_format($totalpinjamanteller,2) }} </b></td>

            </tr>
            @php $counter = 1;$totalpinjamanteller = 0;$totalcajlelong = 0; @endphp
        @endif
    @else
        <tr>
            <td colspan="4"><b>{{ $counter-1 }}</b> Jumlah surat bagi teller : <b>{{ $item['teller'] }}</b></td>
            <td><b>{{ number_format($totalcajlelong,2) }} </b></td>
            <td><b>{{ number_format($totalpinjamanteller,2) }} </b></td>

        </tr>
    @endif
  @endforeach
</table>

<h5 style="float:right;">JUMLAH KESELURUHAN : RM {{ number_format($totaljumlah,2) }}</h5>

<br>
<br>
<table id="sign">
  <tr>
    <td></td>
    <td colspan="2"> .................................................................. </td>
    <td> </td>
    <td colspan="2">.................................................................. </td>
    <td> </td>
  </tr>
  <tr>
    <td></td>
    <td colspan="2"><B> DI SEMAK</B> </td>
    <td> </td>
    <td colspan="2"><B>DI SAHKAN </B></td>
    <td> </td>
  </tr>
</table>






