<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Invoice IN001</title>
   <link rel="stylesheet" href="{{ asset('css/invoice.css') }}">
</head>

<body class="invoice">
  <div id="page">
  <img style="margin-left: auto;margin-right: auto;display: block;" width="30%" src="/img/pcg.png" />
    <div class="company-address">
      <strong>Prestige Credit</strong>
      <br> 526, 16th Road
      <br> Constantia Square Office Park
      <br> Section 14 Midrand
      <br> Gauteng 1685
      <p></p>
    </div>
    <div class="recipient-address">
      <strong>{{ $company }}</strong>
      <br> Dale Avenue 4587
      <br> Puyallup
      <br> WA 98371
      <br> 555-(45)234573
    </div>
    <div class="clear"></div>
    <h1>Invoice IN001</h1>
    <p class="terms">
      <strong>17 November 2017</strong>
      <br> Payment due by 1 December 2017</p>
    <div class="clear"></div>
    <table cellspacing="0" class="invoice-items">
      <thead>
        <tr>
          <th scope="col" class="first" width="200"><span>Item Name</span></th>
          <th scope="col" class="first"><span>Report pulled by</span></th>
          <th scope="col" width="100"><span>Unit Price</span></th>
          <th scope="col" width="110"><span>Quantity</span></th>
          <th scope="col" width="100"><span>Total</span></th>
        </tr>
      </thead>
      <tbody>
      @foreach($transactions as $transaction)
        <tr>
          <td class="first">{{ $transaction->product }}</td>
          <td class="first">{{ $transaction->user }}</td>
          <td>{{ $transaction->price }}</td>
          <td>{{ $transaction->qty }}</td>
          <td>{{ $transaction->price }}</td>
        </tr>
        @endforeach
      </tbody>
      <tfoot>
        <tr>
          <th scope="col" colspan="4" style="text-align:right;"><span>Subtotal:</span></th>
          <th scope="col">R {{ $total }}</th>
        </tr>
      </tfoot>
    </table>
    <p>
      <br>
    </p>
    <div class="invoice-totals-wrap">
      <table cellspacing="0" class="invoice-totals">
        <tbody>
          <tr>
            <td scope="col" width="220" style="text-align:right;" nowrap=""><span>Amount Due:</span></td>
            <td scope="col" width="100"><span style="font-size:20px;"> R {{ $total }}</span></td>
          </tr>
        </tbody>
      </table>
      <br>
    </div>
    <div class="notes">
      <br><strong>Notes:</strong>
      <br>Nulla ligula nibh, pharetra quis egestas et, molestie ac neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque purus nunc, tristique vitae mattis vitae, pellentesque id libero. Aliquam erat volutpat.
      Praesent ut augue eget turpis consequat auctor. In volutpat tristique nisi, eget viverra lorem dignissim et.</div>
    <div class="clear"></div>
    <br>
    <p>Nulla ligula nibh, pharetra quis egestas et, molestie ac neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque purus nunc, tristique vitae mattis vitae, pellentesque id libero. Aliquam erat volutpat.
      Praesent ut augue eget turpis consequat auctor. In volutpat tristique nisi, eget viverra lorem dignissim et. Integer rutrum, lectus vitae congue gravida, erat turpis varius lorem, et tempor justo nisl vitae tortor. Etiam pretium, tortor id egestas
      varius, nisi orci mattis nulla, sed tincidunt ante leo ut nibh.</p>
    <hr> Don’t miss the opportunities to thank ones who matter. Make your acknowledgment special with the thank you messages.
    <p></p>
    <div class="clear"></div>
  </div>
</body>

</html>