@extends('layouts.base_pdf')
@section('inner_content')
<br>
<htmlpageheader name="page-header">
    <br><br>
    @php
    $credit_title = 'E-Credit';
    $bill_no = $transaction->bill_no;
    @endphp
    <div class="separator"><strong><i>{{ $autocountId }}</i></strong></div>
</htmlpageheader>
<table>
    <tr>
        <td class="header-logo">
            <img src="{{ asset('images/ri_1.png') }}" alt="logo" id="logo" class="logo">
        </td>
        <td class="header-cief-address">
            <span class="company-name">
                <strong>
                    CIEF WORLDWIDE SDN BHD
                </strong>
            </span>
            <span class="company-reg">(1134596-M)</span><br>
            No. 72-3, Jalan Jalil 1,<br>
            The Earth Bukit Jalil,<br>
            57000 Kuala Lumpur<br>
            Tel: 03-8082 1252<br>
            TIN: C23880226040, MSIC: 46909<br>
            SST: W10-2403-32000643
        </td>
        <td class="header-details">
            <div class="title">
                <strong>
                    {{ $transaction->type == 9 ? $credit_title : 'Debit' }} Note
                </strong>
            </div>

            <div class="ref">Ref# {{ $booking->marking }}</div>
            <div class="ref">EI# {{ $autocountId ?? 'NONE'}}</div>
            <div class="date">Date: {{ $date->toDateString() }}</div>
            <div>&nbsp;</div>
            </div>
        </td>
    <tr>
        <td colspan="3" class="bill-to">
            <span class="sub-title">
                {{ $transaction->type == 9 ? 'Credit' : 'Debit' }} To
            </span>
        </td>
    </tr>
    <tr>
        <td colspan="3" class="address">
            <div class="label">
                {{ $supplier->name }}
                @if ($brn)
                    (ROC: {{ $brn->reference }})
                @endif
            </div>
            <div class="address">
                @php
                $addresses = $supplier->addresses()->where('e_invoice', '=', true)->latest()->first();
                @endphp
                {{ $addresses->street_one }}
                {{ $addresses->street_two }} ,
                {{ $addresses->district()->first()->name }},
                {{ $addresses->postcode }}
                {{ $addresses->state()->first()->name }},
                {{ $addresses->country()->first()->name }}
            </div>
            <div>
                Phone: {{ $supplier->contacts()->first()->phone }}
            </div>
            @if ($supplier->e_invoice === 1)
                <div>Buyer TIN: {{ $supplier->tin }}</div>
            @endif
        </td>
    </tr>
</table>
<br>
<br>
<table class="line-table" style="overflow: wrap" autosize="1">
    <thead>
        <tr>
            <th width="5%">No</th>
            <th class="description">Description</th>
            <th width="10%">Quantity</th>
            <th width="15%">Unit Price (RM)</th>
            <th width="10%">Total Amount<br>(RM)</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td width="5%" class="center top">1</td>
            <td class="description">{{ ucfirst($transaction->payment_reference) }}</td>
            <td width="10%" class="center top">1</td>
            <td width="15%" class="center top">
                {{ number_format($transaction->amount, 2) }}
            </td>
            <td width="20%" class="right top">
                {{ number_format($transaction->amount, 2) }}
            </td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="3"></td>
            <td class="right middle">Total</td>
            <td class="total right middle">
                {{ number_format($transaction->amount, 2) }}
            </td>
        </tr>
    </tfoot>
</table>

<htmlpagefooter name="page-footer">
    <table style="width: 100%; border-spacing: 0;">
        <tbody>
            <tr style="border-spacing: 2em;">
                <td width="80%">

                </td>
                <td width="20%" valign="top" align="center">
                    <div style="display: inline-block; text-align: center; max-width: 230px; width: 100%;">

                        <img src="{{ url(config('qr.qr_code_img_url') . $autocountEInvoiceValidationLink ) }}"
                            style="width: 40%; height: auto; display: block;" />

                        <div style="margin-top: 5px;
                                    word-break: break-word;
                                    overflow-wrap: break-word;
                                    white-space: normal;
                                    font-size: 12px;
                                    line-height: 1.2;
                                    text-align: center;">
                            <strong>{{ $autocountEInvoiceValidationLink }}</strong>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>

    <table width="100%">
        <tr>
            <td style="text-align: right; ">This is generated by computer. No signature required.</td>
            <td style="text-align: right; ">Page {PAGENO} of {nbpg}</td>
        </tr>
    </table>
</htmlpagefooter>
@endsection
