@extends('layouts.app')

@section('title', 'Payment Detail')

@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')
<div class="d-flex justify-content-between align-items-center mb-3 d-print-none">
    <h1 class="page-header mb-0">Payment Management</h1>
</div>
<div class="row">
    <div class="col-md-3 d-print-none">
        @include('payment.customerOverview')
    </div>
    <div class="col-md-9 d-print-inline-block">
        <div class="panel panel-inverse border-0">
            <div class="panel-heading d-print-none">Billing Details</div>
            <div class="panel-body p-4">
                <div class="invoice">

                    <div class="invoice-company">
                        <span class="float-end hidden-print">
{{--                            <a href="javascript:;" class="btn btn-sm btn-white mb-10px d-print-none"><i class="fa fa-file-pdf t-plus-1 text-danger fa-fw fa-lg"></i> Export as PDF</a>--}}
                            <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(isset($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>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                            @foreach ($payment->items as $item)
                            {{-- A rejected credit/debit note is not part of the invoice; hide its line. --}}
                            @if($item->creditDebitNote && $item->creditDebitNote->isRejected())
                                @continue
                            @endif
                            @php
								$amount_tax = 1;
								if($item->payment_for == 'DEPOSIT'){
									$amount_tax = 0;
								}
							@endphp
                            <tr>
                                <td>{{ $loop->iteration }}</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>
                                        @if($item->creditDebitNote && ! $item->creditDebitNote->isApproved())
                                            <span class="badge bg-warning text-dark ms-1" title="Not yet applied to the invoice total until approved by Finance.">Pending approval</span>
                                        @endif
                                    @endif
                                </td>
                                <td class="text-center">{{ $item->amount_label }}</td>
                                <td class="text-end">{{ $item->amount_label }}</td>
                                <td class="text-end d-print-none">
                                    @if(is_null($item->type))
                                        <a href="{{ route('payment-item.edit', $item) }}" class="btn btn-xs btn-white me-1" data-toggle="tooltip" title="Edit Payment Item">
                                            <i class="fa-solid fa-pen-to-square fa-fw"></i>
                                        </a>
                                    @else
                                        @can('delete-payment-item')
                                            <form id="deleteForm" action="{{ route('payment-item.destroy', $item) }}" method="POST">
                                                @method('DELETE')
                                                @csrf

                                                @if(! $payment->isPaid())
                                                    <a href="{{ route('payment-item.edit', $item) }}" class="btn btn-xs btn-white me-1" data-toggle="tooltip" title="Edit Payment Item">
                                                        <i class="fa-solid fa-pen-to-square fa-fw"></i>
                                                    </a>
                                                @endif

                                                <button type="submit" id="delete" value="Delete Site"  data-bs-toggle="tooltip" title="Padam" class="btn btn-xs btn-dark"><i class="fas fa-trash"></i></button>
                                            </form>
                                        @endcan
                                    @endif
                                </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>

                        <div class="invoice">
                            @if($payment->status->label() == 'Pending' || $payment->status->label() == 'Fail')
                                <a href="{{ route('payment.request', $payment) }}" class="btn btn-danger">Pay</a>

                                <h4 class="mt-5">Transaction Details</h4>
                                <dl class="row">
                                    <dt class="col-md-3">Payment Transaction ID:</dt>
                                    <dd class="col-md-9">{{ $payment->ref_no ?? 'N/A' }}</dd>
                                </dl>
                            @else
                                <h4>Transaction Details</h4>
                                <dl class="row">
                                    <dt class="col-md-3">Payment Received</dt>
                                    <dd class="col-md-9">{{ $payment->received_time?->format('j F Y') ?? '-' }}</dd>
                                    <dt class="col-md-3">Payment Method</dt>
                                    <dd class="col-md-9">{{ $payment->payment_mode_label }}</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>Created: {{ $payment->created_at?->format('j F Y') ?? '-' }}</li>
                            <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-none 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

@push('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })

        $(document).on('click', '#delete', function (e) {
            e.preventDefault();
            let self = $(this);
            Swal.fire({
                title: "Are you sure?",
                text: "You will not be able to recover this record!",
                icon: "warning",
                confirmButtonColor: '#276baa',
                showCancelButton: true,
                dangerMode: true,
            })
                .then((result) => {
                    if (result.isConfirmed) {
                        self.parents("#deleteForm").submit();
                    }
                });
        });
    </script>
@endpush