@extends('layouts.customer')

@section('title', 'Welcome')

@push('css')
    <style>
        .profile-userpic img {
            float: none;
            margin: 0 auto;
            width: 50%;
            height: 50%;
            -webkit-border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            border-radius: 50% !important;
        }
    </style>
@endpush

@section('content')
<h1 class="page-header d-print-none">Invoices</h1>
<div class="row">
    @cannot('access-admin-panel')
    <div class="col-md-3 d-print-none">
        @include('profile.menu')
    </div>
    @endcannot
    <div class="col-md-9">
        <div class="card mb-3 border-0">
{{--            @include('invoice.tab')--}}
            <div class="card-body p-4">
                <div class="invoice">

                    <div class="invoice-company">
                        <span class="float-end hidden-print">
                            <a href="javascript:;" onclick="window.print()" class="btn btn-sm btn-white mb-10px d-print-none" data-cf-modified-b41406c8acaf8dc0f643da7c-><i class="fa fa-print t-plus-1 fa-fw fa-lg"></i> Print</a>
                        </span>
                        <h2 class="fw-bolder"><img src="{{ asset('img/jlg-metro-400x200.png') }}" class="me-2" alt="" width="80" height="60">JLG Metro Sdn. Bhd</h2>
                    </div>

                    <div class="invoice-header">
                        <div class="invoice-from">
                        <small>from</small>
                        <address class="mt-5px mb-5px">
                        <strong class="text-dark">JLG Metro Sdn. Bhd</strong><br/>
                        Suite 10,2, Lvl 10, Wisma Chase Perdana<br>
                        Off Jalan Semantan, Damansara Heights<br>
                        50490 Kuala Lumpur, Malaysia<br>
                        Phone: 03-2081 2615, 03-2081 2616, 07-2449 090 (JB)<br/>
                        Fax: 03-2081 2777
                        </address>
                        </div>
                        <div class="invoice-to">
                        <small>to</small>
                        <address class="mt-5px mb-5px">
                        <strong class="text-dark">{{ $payment->payer?->name ?? '--' }}</strong><br/>
                        {!! nl2br($payment->payer?->address ?? '') !!}<br/>
                        {{ $payment?->mobile ? 'Phone: '.$payment?->mobile.'<br>' : '' }}
                        </address>
                        </div>
                        <div class="invoice-date">
                        <small>Invoice</small>
                        <div class="date text-dark mt-5px">{{ $payment->invoiced_at?->format('j F Y') ?? '--' }}</div>
                        <div class="invoice-detail">
                        #{{ $payment->invoice_no }}<br/>
                        Payment for {{ $payment->payment_for }}
                        </div>
                        </div>
                    </div>

                    <div class="invoice-content">

                        <div class="table-responsive">
                        <table class="table table-invoice">
                        <thead>
                        <tr>
                            <th style="width: 1%">#</th>
                            <th>Item</th>
                            <th class="text-center" width="10%">Amount</th>
                            <th class="text-end" width="20%">TOTAL</th>
                        </tr>
                        </thead>
                        <tbody>
                            @foreach ($payment->items as $index => $item)
                            @php
								$amount_tax = 1;
								if($item->payment_for == 'DEPOSIT'){
									$amount_tax = 0;
								}
							@endphp
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>
                                    @if(is_null($item->type))
                                        <span class="text-dark">{{ $item->card_no }} - {{ $item->payment_for }} {{ now()->startOfMonth()->month((int) $item->month)->format('M') }} {{ $item->year }}</span>
                                    @else
                                        <span class="text-dark">{{ $item->type }} - {{ $item->creditDebitNote->description }} {{ now()->startOfMonth()->month((int) $item->month)->format('M') }} {{ $item->year }}</span>
                                    @endif
                                </td>
                                <td class="text-center">{{ $item->amount_label }}</td>
                                <td class="text-end">{{ $item->amount_label }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                        </table>
                        </div>

                        @if($amount_tax != 0)
                        <div class="invoice-price">
                            <div class="invoice-price-left">
                                <div class="invoice-price-row">
                                    <div class="sub-price">
                                        <small>Invoice : {{ $payment->invoiced_at?->addMonth()->startOfMonth()->format('d/m/Y') ?? '--' }} - {{ $payment->invoiced_at?->addMonth()->endOfMonth()->format('d/m/Y') ?? '--' }}
</small>
                                        <span class="text-dark">{{ number_format($payment->amount - ($payment->amount * 6 / 106), 2) }}</span>
                                    </div>
									<div class="sub-price">
                                        <small>SERVICE TAX 6%</small>
                                        <span class="text-dark">{{ number_format($payment->amount * 6 / 106, 2) }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                        <div class="invoice-price">
                            <div class="invoice-price-left">
                                <div class="invoice-price-row">
                                    <div class="sub-price">
                                        <small>STATUS</small>
                                        <span class="text-dark">{{ $payment->status->label() }}</span>
                                    </div>

                                </div>
                            </div>
                            <div class="invoice-price-right">
                                <small>TOTAL</small> <span class="fw-bold">{{ number_format($payment->amount, 2) }}</span>
                            </div>
                        </div>

                        <hr>

                        @if(! $payment->isPaid())
                        <div class="alert alert-warning d-print-none">
                            Please wait while we process your payment. MCS may take 1 working day to update upon successful bank transaction
                        </div>
                        @endif

                        <div class="invoice">
                            @if(! $payment->isPaid())
                                <a href="{{ route('payment.request', $payment) }}" class="btn btn-danger">Pay</a>
                            @else
                            <h4>Transaction Details</h4>
                            <dl class="row">
                                <dt class="col-md-3">Payment Method</dt>
                                <dd class="col-md-9">{{ \Str::upper($payment->payment_mode) ?? '-' }}</dd>
                                <dt class="col-md-3">Payment Transaction ID</dt>
                                <dd class="col-md-9">{{ $payment->payment_trans_id ?? '-' }}</dd>
                                <dt class="col-md-3">Bank Name</dt>
                                <dd class="col-md-9">{{ $payment->buyer_bank  ?? '-' }}</dd>
                                <dt class="col-md-3">Buyer Name</dt>
                                <dd class="col-md-9">{{ $payment->buyer_name  ?? '-' }}</dd>
                                <dt class="col-md-3">Status</dt>
                                <dd class="col-md-9">{{ $payment->status->label()  ?? '-' }}</dd>
                                <dt class="col-md-3">Status Message</dt>
                                <dd class="col-md-9">{{ $payment->status_message  ?? '-' }}</dd>
                                <dt class="col-md-3">Receipt No.</dt>
                                <dd class="col-md-9">{{ $payment->receipt_no  ?? '-' }}</dd>
                                <dt class="col-md-3">Merchant Order No.</dt>
                                <dd class="col-md-9">{{ $payment->merchant_order_no  ?? '-' }}</dd>
                            </dl>
                            @endif
                        </div>

                    </div>

                    <div class="invoice-note d-print-block">
                        <ul>
                            <li>Payment is due within 30 days</li>
                            <li>Amount is inclusive of SST @6%</li>
                            <li>If you have any questions concerning this invoice, contact info below</li>
                        </ul>
                    </div>


                    <div class="invoice-footer d-print-block">
                        <p class="text-center mb-5px fw-bold">
                            THANK YOU FOR YOUR BUSINESS
                        </p>
                        <p class="text-center">
                            <span class="me-10px"><i class="fa fa-fw fa-lg fa-globe"></i> www.metro-parking.com</span>
                            <span class="me-10px"><i class="fa fa-fw fa-lg fa-phone-volume"></i> 03-2081 2614 | 07-244 9090</span>
                            <span class="me-10px"><i class="fa fa-fw fa-lg fa-envelope"></i> <a href="mailto:customerservice@metro-parking.com" class="text-decoration-none">customerservice@metro-parking.com</a></span>
                        </p>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection