@component('mail::message', ['title' => $title])
<div class="dvEmailContainer">
      <h4>Dear {{ $company_name }},</h4>
      <p>We have received your payments for the following invoice(s):</p>
      <table class="invoices_table" width="100%">
            <thead>
                  <tr>
                        <th>Invoice #</th>
                        <th>Order</th>
                        <th>Amount</th>
                        <th>Discount</th>
                        <th>After Discount</th>
                  </tr>
            </thead>
            <tbody>
                @foreach($orders_invoices as $inv)
                <tr>
                    <td>{{ $inv['invoice_number'] }}</td>
                    <td>{{ $inv['code'] }}</td>
                    <td>${{ number_format($inv['amount'], 2) }}</td>
                    <td>${{ $inv['discount'] }}</td>
                    <td>${{ $inv['after_discount'] }}</td>
                </tr>
                @endforeach
                @if ($total_credit_applied > 0)
                    <tr>
                        <th colspan="4" class="thTotals">Credit applied</th>
                        <td class="red">-${{ number_format($total_credit_applied, 2) }}</td>
                    </tr>
                @endif
            </tbody>
            <tfoot>
                <tr>
                    <th colspan="4" class="thTotals">Total Paid</th>
                    <td>${{ number_format(($invoice_amount - $total_credit_applied), 2) }}</td>
                </tr>
            </tfoot>
      </table>
      <p>If you have any questions, please feel free to contact us by email at billing@igt-glasshardware.com or by phone at 877-658-9008 ext. 216.</p>
      <p>Thank you for your business.</p>
      <p>Sincerely,<br />Accounting Team at IGT Glass Hardware</p>
</div>
@endcomponent
<style type="text/css">
.dvEmailContainer {}
.dvEmailContainer .red {color:#ff0011;}
.dvEmailContainer * { font-size: 16px; color: #000; }
.dvEmailContainer table {border: solid 1px #000;border-collapse: collapse; width: 100%; margin: 0 0 30px 0;}
.dvEmailContainer table tr th, .dvEmailContainer table tr td {border: solid 1px #000;border-collapse: collapse;text-align: center;}
.dvEmailContainer table tr td:last-child { font-weight: bold;}
.dvEmailContainer tfoot td:last-child { color: #31a540;}
.invoices_table .thTotals{text-align: right; padding-right:10px;}
</style>