@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')

@php
$invoice = $issue->invoices->first();
@endphp

<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="{{ route('invoice.pdf', $invoice) }}" 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="/img/jlg-metro-400x200.png" class="me-2" alt="" width="40" height="40">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">{{ $user->cardHolder?->name ?? '--' }}</strong><br/>
                        {!! nl2br($user->cardHolder?->address) ?? '' !!}<br/>
                        {!! $user->cardHolder?->mobile ? 'Phone: '.$user->cardHolder?->mobile.'<br>' : '' !!}
                        </address>
                        </div>
                        <div class="invoice-date">
                        <small>Invoice</small>
                        <div class="date text-dark mt-5px">{{ $invoice?->received_time?->format('j F Y') ?? '--' }}</div>
                        <div class="invoice-detail">
                        #{{ $invoice->invoice_no }}<br/>
                        Payment for {{ $issue->action }}
                        </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">Card</th>
                            <th class="text-end" width="10%">Amount</th>
                            <th class="text-end" width="20%">TOTAL</th>
                        </tr>
                        </thead>
                        <tbody>
                            @foreach ($issue->invoices as $invoice)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>
                                    {{ $invoice->invoice_no }} - {{ $invoice->payment_for }}
                                </td>
                                <td class="text-center">{{ $issue->total_cards }}</td>
                                <td class="text-end">{{ $invoice->amount }}</td>
                                <td class="text-end">{{ $invoice->amount }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                        </table>
                        </div>


                        <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">{{ $invoice->status->label() }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="invoice-price-right">
                                <small>TOTAL</small> <span class="fw-bold">{{ number_format($issue->invoices->sum('amount'), 2) }}</span>
                            </div>
                        </div>

                        <div class="invoice">
                            @if($invoice->status->label() == 'Pending' || $invoice->status->label() == 'Fail')
                                <a href="{{ route('issue.pay', $issue) }}" 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($invoice->payment_mode) ?? '-' }}</dd>
                                <dt class="col-md-3">Payment Transaction ID</dt>
                                <dd class="col-md-9">{{ $invoice->payment_trans_id ?? '-' }}</dd>
                                <dt class="col-md-3">Bank Name</dt>
                                <dd class="col-md-9">{{ $invoice->buyer_bank  ?? '-' }}</dd>
                                <dt class="col-md-3">Buyer Name</dt>
                                <dd class="col-md-9">{{ $invoice->buyer_name  ?? '-' }}</dd>
                                <dt class="col-md-3">Status</dt>
                                <dd class="col-md-9">{{ $invoice->status->label()  ?? '-' }}</dd>
                                <dt class="col-md-3">Status Message</dt>
                                <dd class="col-md-9">{{ $invoice->status_message  ?? '-' }}</dd>
                                <dt class="col-md-3">Receipt No.</dt>
                                <dd class="col-md-9">{{ $invoice->receipt_no  ?? '-' }}</dd>
                                <dt class="col-md-3">Merchant Order No.</dt>
                                <dd class="col-md-9">{{ $invoice->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-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