admin-erahn/resources/views/wtd/dalamprosesexcel.blade.php

<script src="{{ asset('js/table2excel.js') }}"></script>
<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; */
  /* border: 1px solid black; */
  width: 100%;
}

#details td, #details th {

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

#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 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="scan">
  <tr>
    <th colspan ="5"><b>Senarai SAG</b></th>
    <th></th>
    <th></th>
    <th><b> Tarikh Cetak:</b>
        @php
          $myDateTime = DateTime::createFromFormat('Y-m-d', $tarikh_cetak);
          $formattedweddingdate = $myDateTime->format('d-m-Y');
          echo($formattedweddingdate)
        @endphp
    </th>
    <th></th>
  </tr>

  <tr>
    <th></th>
    <th></th>
    <th></th>
  </tr>
</table>

<br>
<table id="details">
  <thead>
    <th>Bil</th>
            <th>Nama</th>
            <th>No KP</th>
            <th>No Norujukan</th>
            <th>Tarikh Lelong</th>
            <th>Baki (RM)</th>
  </thead>
  @foreach ($wtdDalamProses as $item)
            <tr>
                <td align='center'>{{ $loop->iteration }}</td>
                <td style='word-wrap' align="left">{{ $item['customer']['nama'] }}</td>
                <td align='center' style='word-wrap'>{{ $item['customer']['nokp'] }}</td>    
                <td align='center' style='word-wrap'>{{ $item['norujukan'] }}</td>  
                <td align='center' style='word-wrap'>{{ $item['t_jual'] }}</td>  
                <td align='center' style='word-wrap'>{{ $item['baki'] }}</td>  


            </tr>
    @endforeach
  <tr>
    <th colspan='2'>Jumlah</th>
    <th></th>
    <th></th>
    {{-- <th>{{ number_format($totalbaki,2) }}</th> --}}
  </tr>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<script>

  $(document).ready(function () {
      // window.print();
      // window.onfocus=function(){ window.close();}
 
      let namacawangan = "{{ $cawangan_detail['namacaw'] }}";
      var table2excel = new Table2Excel();
      table2excel.export(document.querySelectorAll("#details"),'laporan_wtd_' + '_' + namacawangan);
      setTimeout(function(){ window.close() }, 1000);
    });
    
  </script>