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

@media print {
  .new-page {
    page-break-before: always;
  }
}

</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 WAKIL</b></th>
    <th> </th>
    <th> </th>
    <th></th>
  </tr>
  <tr>
    <th colspan="5"><b> TARIKH CETAK:</b>
      @php 
        $myDateTime = DateTime::createFromFormat('Y-m-d', $tarikh_cetak);
        $formattedweddingdate = $myDateTime->format('d-m-Y');
        echo($formattedweddingdate);
      @endphp
  </th>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  {{-- <tr>
    <td style="width:20px"> <b>TARIKH:</b></td>
    <td>@php 
          $myDateTime = DateTime::createFromFormat('Y-m-d', $date);
          $formattedweddingdate = $myDateTime->format('d-m-Y');
          echo($formattedweddingdate);
        @endphp</td> --}}
     {{-- <td style="width:20px"> <b>HINGGA:</b></td>
     <td>@php 
           $myDateTime = DateTime::createFromFormat('Y-m-d', $hingga_date);
           $formattedweddingdate = $myDateTime->format('d-m-Y');
           echo($formattedweddingdate);
         @endphp</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>nokp</th>
    <th>nowakil</th>
    <th>hubungan</th>
    <th>alamat1</th>
    <th>telefon</th>
  </tr>
  @foreach($wakil as $index=>$lw)
    <tr>
      <td>{{ $loop->iteration}}</td>
      <td>{{ $lw['nama'] }}</td>
      <td>{{ $lw['nokp'] }}</td>
      <td>{{ $lw['nowakil'] }}</td>
      <td>{{ $lw['hubungan'] }}</td>
      <td>{{ $lw['alamat1'] }}</td>
      <td>{{ $lw['telefon'] }}</td>
    </tr>
  @endforeach
</table>
<br><br>
{{-- <table id="details" style="border-top:1px solid black;border-bottom:1px solid black;text-align:center;">
  <tr>
    <td colspan="3" style="text-align: center;"><b>JUMLAH {{ $jenis }}</b></td>
    <td style="text-align:center">{{ 'RM ' . number_format($totalamaun,2) }}</td>
  </tr>
</table> --}}

<br>
<br><br><br>
<table id="sign">
  <tr>
    <td></td>
    <td colspan="2"> .................................................................. </td>
    <td> </td>
    <td colspan="2"> .................................................................. </td>
    <td> </td>
    <td colspan="2">.................................................................. </td>
    <td> </td>
  </tr>
  <tr>
    <td></td>
    <td colspan="2"><B> Disediakan </B> </td>
    <td></td>
    <td colspan="2"><B> Disemak </B> </td>
    <td> </td>
    <td colspan="2"><B> Disahkan </B></td>
    <td> </td>
  </tr>
</table>






