@extends('layouts.admin')

@section('content')
    <div class="row my-4">
        <div class="col-md-12 col-lg-12 col-xl-10">
            <div class="row">
                <div class="col-md-6">
                    @if ($total_due == 0)
                        <span class="border bg-green">Paid</span>
                    @endif
                </div>
                <div class="col-md-6 text-end pe-0">
                    <a href="{{ route('invoices.pdf', ['id' => $invoice->id]) }}" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-original-title="Download Invoice PDF"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> Download</a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 col-lg-12 col-xl-10 bg-white p-5">
            <div class="row">
                <div class="col-md-6">
                <strong class="fs-5"># {{ $invoice->invoice_no }} <span class="text-secondary">(ORD: {{ $invoice->order_no }})</span></strong>
                <br><br>
                <div>
                    <strong>{{ $company_name }}</strong>
                    <br>
                    {!! $company_address !!}
                </div>
            </div>
            <div class="col-md-6 text-end">
                <strong>Bill To</strong>
                <br>
                <span class="fw-bold">{{ $invoice->user->firstName }} {{ $invoice->user->lastName }}</span>
                <br>
                {!! $billing_address !!}
                <br>
                <br>
                <strong>Invoice Date:</strong>: {{ $invoice->invoice_date }}
            </div>

            <div class="row mt-4 pe-0">
                <div class="col-md-12 pe-0">
                    <table class="table">
                        <tr class="table-secondary">
                            <th>#</th>
                            <th>Item</th>
                            <th class="text-end">Qty</th>
                            <th class="text-end">Rate</th>
                            <th class="text-end">Tax</th>
                            <th class="text-end">Discount</th>
                            <th class="text-end">Amount</th>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>
                                {{ $invoice->item_description }}
                            </td>
                            <td class="text-end">{{ $invoice->quantity }}</td>
                            <td class="text-end">${{ number_format($invoice->unit_price, 2) }}</td>
                            <td class="text-end">${{ number_format($invoice->tax_amount, 2) }}</td>
                            <td class="text-end">${{ number_format($invoice->discount_amount, 2) }}</td>
                            <td class="text-end">${{ number_format($invoice->total_amount, 2) }}</td>
                        </tr>
                        <tr>
                            <td colspan="5" class="border-0"></td>
                            <td class="text-end fw-bold">Sub Total</td>
                            <td class="text-end">${{ number_format($invoice->sub_total, 2) }}</td>
                        </tr>
                        <tr>
                            <td colspan="5" class="border-0"></td>
                            <td class="text-end fw-bold">Total</td>
                            <td class="text-end">${{ number_format($invoice->total_amount, 2) }}</td>
                        </tr>
                        <tr>
                            <td colspan="5" class="border-0"></td>
                            <td class="text-end fw-bold">Total Paid</td>
                            <td class="text-end">${{ number_format($total_paid, 2) }}</td>
                        </tr>
                        <tr>
                            <td colspan="5" class="border-0"></td>
                            <td class="text-end fw-bold">Amount Due</td>
                            <td class="text-end">${{ number_format($total_due, 2) }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="row pe-0">
                <div class="col-md-12 pe-0">
                    <div>
                        <strong>Transactions</strong>
                    </div>
                    <div>
                        <table class="table">
                            <tr class="table-secondary">
                                <th>Payment#</th>
                                <th>Payment Mode</th>
                                <th>Date</th>
                                <th class="text-end">Amount</th>
                            </tr>
                            @if (count($transactions))
                                @foreach ($transactions as $item)
                                    <tr>
                                        <td>{{ $item->transaction_id }}</td>
                                        <td>
                                            @switch($item->payment_method)
                                                @case('INT')
                                                    INTRAC
                                                    @break
                                                @case('STR')
                                                    CARD
                                                    @break
                                                @case('COD')
                                                    CASH ON DELIVERY
                                                    @break
                                                @default
                                            @endswitch
                                        </td>
                                        <td>{{ date('Y-m-d', strtotime($item->created_at)) }}</td>
                                        <td class="text-end">${{ number_format($item->price, 2) }}</td>
                                    </tr>
                                @endforeach
                            @endif
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection