erahn-click/resources/views/resit/resitansuran.blade.php

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  <script>
    $(document).ready(function() {
      window.print();
      // window.onfocus=function(){ window.close();}
    });
  </script>
  <style>
    /* Red border */
    hr.new1 {
      border-top: 1px solid red;
    }

    /* Dashed red border */
    hr.new2 {
      border-top: 1px dashed red;
    }

    /* Dotted red border */
    hr.new3 {
      border-top: 1px dotted red;
    }

    /* Thick red border */
    hr.new4 {
      border: 1px solid red;
    }

    /* Large rounded green border */
    hr.new5 {
      border: 10px solid green;
      border-radius: 5px;
    }
  </style>

  <style>
    #cust {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      /* width: 100%; */
      font-size: 12px;
      border: 1px solid black;

    }

    #cust td,
    #cust th {
      border: 0px solid;
      padding: 3px;
      font-size: 10px;
      text-align: right;

    }

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

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

    #cust th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: right;
      background-color: #d9deda;
      color: black;
      padding: 2px;
    }

    #cust {
      margin-left: auto;
      margin-right: 0;
    }

    hr.new1 {
      border-top: 1px dotted black;
    }

    .khazanah {
      border: 1px solid black;
      margin-left: 20px;
      padding: 10px;
      width: 250px;
      transform: rotate(-90deg);
      font-size: 11px;
    }

    #inside {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 100%;
      font-size: 15px;
    }

    #inside td,
    #inside th {
      border: none;
      padding: 2px;
    }

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

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

    #inside th {
      padding-top: 12px;
      padding-bottom: 10px;
      text-align: left;
      background-color: #4CAF50;
      color: white;
    }




    #semakan {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 100%;
      margin-top: 40px;
      font-size: 12px;
    }

    #semakan td,
    #semakan th {
      border: none;
      padding: 2px;
      text-align: center;
    }

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

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

    #semakan th {
      padding-top: 12px;
      padding-bottom: 10px;
      text-align: left;
      background-color: #4CAF50;
      color: white;
    }

    #salinan {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 100%;
      font-size: 11px;
    }

    #salinan td,
    #salinan th {
      padding: 2px;
    }


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

    #salinan tr:hover {
      background-color: #ffffff;
    }

    #salinan th {
      padding-top: 12px;
      padding-bottom: 10px;
      text-align: right;
      background-color: #ffffff;
      color: black;
      padding: 2px;
    }

    #perjanjian {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 100%;
      font-size: 12px;

    }

    #perjanjian td,
    #perjanjian th {
      border: 1px solid #ddd;
      padding: 2px;
      font-size: 10px;
    }

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

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

    #perjanjian th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: center;
      background-color: #d9deda;
      color: black;
      padding: 5px;
    }

    #keuntungan {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 100%;
      font-size: 12px;

    }

    #keuntungan td,
    #keuntungan th {
      border: 1px solid #ddd;
      padding: 2px;
      font-size: 10px;
    }

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

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

    #keuntungan th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: center;
      background-color: #d9deda;
      color: black;
      padding: 2px;
    }

    #payment {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 90%;
      font-size: 13px;
      border: 1px solid black;

    }

    #payment td,
    #payment th {
      border: 0px solid;
      padding: 3px;
      font-size: 15px;
      text-align: left;

    }

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

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

    #payment th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: left;
      background-color: #d9deda;
      color: black;
      padding: 2px;
    }

    #payment {
      margin-left: auto;
      margin-right: auto;
    }

    #akuan td,
    #akuan th {
      padding: 7px;
      font-size: 10px;
      padding: 4px;
    }

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

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

    #akuan th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: center;
      background-color: #d9deda;
      color: black;
      padding: 3px;
    }

    .page-break {
      page-break-before: always;
    }

    .formula {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
    }

    #copy_cust {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 10%;
      font-size: 12px;

    }



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

    #copy_cust tr:hover {
      background-color: #ffffff
    }

    #copy_cust th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: center;
      background-color: #d9deda;
      color: black;
      padding: 4px;
    }


    #copy_cust {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 50%;
      font-size: 12px;


    }

    #copy_cust td,
    #copy_cust th {
      border: 1px solid #ddd;
      padding: 2px;
      font-size: 9px;
      text-align: right;
      width: 10%;

    }

    #copy_cust {
      margin-right: 0px;
      margin-left: auto
    }





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

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

    #inside th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: center;
      background-color: #d9deda;
      color: black;
      padding: 4px;
    }
  </style>

  <title>Resit | Portal Pelanggan</title>
  <link href="{{ asset('argon') }}/img/brand/ARRAHN1.png" rel="icon" type="image/png">


</head>






<table>

  <td rowspan="4" style="width:50px;"> <img src="{{ asset('argon/img/brand/ARRAHN1.png') }}" style="width:50px" alt="User Image" class="center"> </td>
  <td rowspan="4" style="width:50px;"><img src="{{ asset('argon/img/brand/pkb.png') }}" style="width:50px" alt="User Image" class="center"> </td>

</table>

<table id="cust">
  <tr>
    <th>Cetakan Atas Talian Ar-Rahn Pay</th>
  </tr>
  <tr>
    <td> RESIT BAYARAN </td>

  </tr>

</table>

<br>
<div class="container">
  <div class="row">
    <div class="col-md-6 col-sm-12">
      <table id="inside">

        <tr>
          <td colspan="3" width="50%">Marhun</td>
          <td>: {{ $gadai['marhun'] }} </td>
        </tr>
        <tr>
          <td colspan="3">Nama</td>
          <td>: {{ $customers_info['nama'] }} </td>
        </tr>

        <tr>
          <td colspan="3">No K/P </td>
          <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td>
        </tr>

        <tr>
          <td colspan="3">Nama Wakil </td>
          <td>: </td>
        </tr>

        <tr>
          <td colspan="3">No K/P Wakil </td>
          <td>: </td>
        </tr>
      </table>
    </div>
    <div class="col-md-6 col-sm-12">
      <table id="inside">

        <tr>
          <td width="50%"><b> No SAG</b></td>
          <td>: <b style="font-size:15px">{{ $transaction['norujukan'] }}</b> </td>
        </tr>
        <tr>
          <td> Tarikh Bayar</td>
          <td>: @php $time = new DateTime($transaction['created_at']); $date = $time->format('d/m/Y'); echo $date; @endphp</td>
        </tr>

        <tr>
          <td> <b>Tempoh Simpanan</b></td>
          <td>:<b> {{ $gadai['tempoh'] }}</b> </td>
        </tr>

        <!-- <tr>
          <td colspan="3">Nama Wakil </td>
          <td>: </td>
          <td colspan="3"> </td>
          <td> </td>
          <td> </td>
          <td> </td>
          <td> </td>
        </tr>

        <tr>
          <td colspan="3">No K/P Wakil </td>
          <td>: </td>
          <td colspan="3"> </td>
          <td> </td>
          <td> </td>
          <td> </td>
          <td> </td>
        </tr> -->
      </table>
      <h1>A</h1>
    </div>
  </div>
</div>
<br>

<!-- <h1 style="float:left;position:absolute;margin-left:10px;">A</h1> -->
<div class="container" style="border: 1px solid #000;">
  <div class="row">
    <div class="col-md-6 col-sm-12">

      <table id="inside">
        <tr>
          <td>Harga Jualan/Baki</td>
          <td>: RM {{ number_format(($transaction['bakiharga'] + $transaction['duit_masuk']),2) }} </td>


        </tr>
        <tr>
          <td><b>Bayaran Harga Jualan</b></td>
          <td>: <b>RM {{ number_format($transaction['duit_masuk'],2) }} </b></td>


        </tr>
        <tr>
          <td>Baki Harga Jualan</td>
          <td>: RM {{ number_format($transaction['bakiharga'],2) }}</td>


        </tr>

      </table>
    </div>
    <div class="col-md-6 col-sm-12">
      <table id="inside">
        <tr>
          <td>Pembiayaan/Baki</td>
          <td>: RM {{ number_format(($gadai['bakipjm']+$transaction['bayaran_pembiayaan']),2) }} </td>
        </tr>
        <tr>
          <td>Ansuran Pembiayaan</td>
          <td>: RM {{ number_format($transaction['bayaran_pembiayaan'],2) }} </td>
        </tr>
        <tr>
          <td>Baki Pembiayaan</td>
          <td>: RM {{ number_format($gadai['bakipjm'],2) }} </td>
        </tr>
        <tr>
          <td>Keuntungan</td>
          <td>: RM {{ number_format($transaction['bayaran_keuntungan'],2) }} </td>
        </tr>
      </table>
    </div>
  </div>
</div>
<p style="margin-left:50px;"><i>* Keuntungan sebenar atas setiap baki pembiayaan akan direbat semasa penebusan</i></p>
<p><i>* *Paparan terbaik resit menggunakan paparan web.</i></p>
<br>





{{--<table id="semakan">
    <tr>
      <td colspan="3">.................................................... </td>
      <td></td>
      <td colspan="3">.................................................... </td>
      <td></td>
      <td colspan="3">.................................................... </td>
      <td></td>
      <td colspan="3">.................................................... </td>
    </tr>
    <tr>

      <td colspan="3">DiSemak </td>
      <td></td>
      <td colspan="3"> Cagaran Di Keluarkan</td>
      <td></td>
      <td colspan="3">Cagaran Diterima </td>
      <td></td>
      <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>


</tr>
</table>
<br>
<br>
<hr class="new2">
</hr>

<br>
<br>

</table>


<table id="cust">
  <tr>
    <th style="width:5px;"> Salinan Pejabat</th>
  </tr>
  <tr>
    <td style="width:5px;"> RESIT BAYARAN </td>

  </tr>

</table>

<br>
<table id="inside">

  <tr>
    <td colspan="3">Marhun</td>
    <td>: {{ $gadai['marhun'] }} </td>
    <td colspan="3"> </td>
    <td> </td>
    <td> </td>
    <td><b> No SAG</b></td>
    <td>: <b style="font-size:15px">{{ $transaction['norujukan'] }}</b> </td>
  </tr>
  <tr>
    <td colspan="3">Nama</td>
    <td>: {{ $customers_info['nama'] }} </td>
    <td colspan="3"> </td>
    <td> </td>
    <td> </td>
    <td> Tarikh Bayar</td>
    <td>: @php $time = new DateTime($transaction['created_at']); $date = $time->format('d/m/Y'); echo $date; @endphp </td>
  </tr>

  <tr>
    <td colspan="3">No K/P </td>
    <td>: @php if($customers_info['kpbaru'] == '') echo $customers_info['kplama']; else echo $customers_info['kpbaru']; @endphp </td>
    <td colspan="3"> </td>
    <td> </td>
    <td> </td>
    <td> <b>Tempoh Simpan</b></td>
    <td>:<b> {{ $gadai['tempoh'] }}</b> </td>
  </tr>

  <tr>
    <td colspan="3">Nama Wakil </td>
    <td>: </td>
    <td colspan="3"> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>

  <tr>
    <td colspan="3">No K/P Wakil </td>
    <td>: </td>
    <td colspan="3"> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
<br>

<h1 style="float:left;position:absolute;margin-left:10px;">A</h1>
<table id="payment">
  <tr>
    <td style="width:30%">Harga Jualan/Baki</td>
    <td style="width:20%">: RM {{ number_format(($transaction['bakiharga'] + $transaction['duit_masuk']),2) }} </td>
    <td style="width:30%">Pembiayaan/Baki</td>
    <td style="width:20%">: RM {{ number_format(($gadai['bakipjm']+$transaction['bayaran_pembiayaan']),2) }} </td>
  </tr>
  <tr>
    <td style="width:30%"><b>Bayaran Harga Jualan</b></td>
    <td style="width:20%">: <b>RM {{ number_format($transaction['duit_masuk'],2) }} </b></td>
    <td style="width:30%">Ansuran Pembiyaan</td>
    <td style="width:20%">: RM {{ number_format($transaction['bayaran_pembiayaan'],2) }} </td>
  </tr>
  <tr>
    <td style="width:30%">Baki Harga Jualan</td>
    <td style="width:20%">: RM {{ number_format($transaction['bakiharga'],2) }}</td>
    <td style="width:30%">Baki Pembiayaan</td>
    <td style="width:20%">: RM {{ number_format($gadai['bakipjm'],2) }} </td>
  </tr>
  <tr>
    <td style="width:10px"></td>
    <td style="width:10px"></td>
    <td style="width:10px">Keuntungan</td>
    <td style="width:10px">: RM {{ number_format($transaction['bayaran_keuntungan'],2) }} </td>
  </tr>
</table>
<p style="float:left;position:absolute;margin-left:50px;"><i>* Keuntungan sebenar atas setiap baki pembiayaan akan direbat semasa penebusan</i></p>

<br>





<table id="semakan">
  <tr>
    <td colspan="3">.................................................... </td>
    <td></td>
    <td colspan="3">.................................................... </td>
    <td></td>
    <td colspan="3">.................................................... </td>
    <td></td>
    <td colspan="3">.................................................... </td>
  </tr>
  <tr>

    <td colspan="3">DiSemak </td>
    <td></td>
    <td colspan="3"> Cagaran Di Keluarkan</td>
    <td></td>
    <td colspan="3">Cagaran Diterima </td>
    <td></td>
    <td colspan="3"> Ar-Rahn <br> <b>{{ Auth::user()->name }}</b></td>


  </tr>
</table>
<br> --}}