@extends('blank.app')

@section('styles')
    <style>
        .border-dotted {
            border-bottom: 2px solid rgba(120, 120, 120, .7);
            border-style: none none dotted none;
        }

        .img-logo {
            max-height: 80px !important;
            max-width: 100% !important;
        }
    </style>
@endsection

@section('content')
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card" style="width: 700px; box-shadow: none;">
                <div class="card-header d-print-none">
                    <a class="btn btn-dark waves-effect waves-light float-end" href="javascript:window.print()">
                        <i class="fa fa-print"></i>
                    </a>
                </div>
                <div class="card-body mx-auto" style="width: 700px;">
                    <div class="d-flex justify-content-between flex-column" style="min-height: 96lvh">
                        <div class="my-2 w-100">
                            <div class="row mb-2">
                                <div class="col px-0 text-center">
                                    <img class="img-logo" src="{{ !empty($setting->image) ? asset($setting->image) : '' }}" onerror="this.remove();" />
                                </div>
                            </div>
                            <div class="row my-2">
                                <div class="col px-0 text-center">
                                    <span class="font-14 fw-bold">{{ __('order::receipt.header') }}</span>
                                </div>
                            </div>
                            <div class="row justify-content-between mb-2">
                                <div class="col-7 pe-0">
                                    {{-- <div class="d-flex align-items-center justify-content-between">
                                        <span class="font-14 fw-bold m-0 text-sm-start">
                                            {{ $setting->local->company_name ?? '' }}
                                        </span>
                                    </div> --}}
                                    <p class="font-14 fw-bold mb-1 text-center text-sm-start">{{ __('order::receipt.user.info_tax_seller') }}</p>
                                    <span class="font-14 mb-1 text-center text-sm-start">{{ $setting->local->company_name ?? '' }}</span>
                                    <p class="font-13 mb-0 text-sm-start text-wrap">{{ $setting->local->address ?? '' }}</p>
                                    <p class="font-13 mb-0 text-sm-start">{{ __('order::receipt.tax_number') }} : {{ $setting->tax_number ?? '' }}</p>
                                    <p class="font-13 mb-0 text-sm-start">{{ $setting->email ?? '' }}</p>
                                </div>
                                <div class="col-5 ps-0">
                                    <div class="d-flex align-items-center justify-content-between">
                                        <span class="font-14 fw-bold">{{ __('order::receipt.no') }}</span>
                                        <div class="font-13">{{ $order->no ?? '' }}</div>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between">
                                        <span class="font-14 fw-bold">{{ __('order::receipt.date') }}</span>
                                        <div class="font-13"> {{ !empty($order->order_at) ? str_date($order->order_at, 'd M Y') : '' }}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="row justify-content-between mb-2 font-14">
                                <address class="col-lg-5 col-sm-5 my-1 text-wrap">
                                    <span class="font-14 fw-bold mb-1 text-center text-sm-start">{{ __('order::receipt.user.info') }}</span>
                                    @foreach (['name', 'tel'] as $v)
                                        <p class="mb-0 ">
                                            <b>{{ __('order::receipt.user.' . $v) }}&nbsp;:</b>
                                            <span class="font-13">{{ $member[$v] ?? '' }}</span>
                                        </p>
                                    @endforeach
                                </address>
                                {{-- @if (!empty($setting))
                                    <address class="col-lg-7 col-sm-5 my-1">
                                        <h5 class="font-14 mb-1 text-center text-sm-end">{{ $setting->local->company_name ?? '' }}</h5>
                                        <p class="font-13 mb-0 text-sm-end">{{ $setting->tax_number ?? '' }}</p>
                                        <p class="font-13 mb-0 text-sm-end text-wrap">{{ $setting->local->address ?? '' }}</p>
                                        <p class="font-13 mb-0 text-sm-end">{{ $setting->email ?? '' }}</p>
                                        <p class="font-13 mb-0 text-sm-end">{{ $setting->tel ?? '-' }}</p>
                                    </address>
                                @endif --}}
                            </div>
                            <table class="table table-bordered text-nowrap table-sm w-100 mb-2">
                                <thead>
                                    <tr class="font-14 text-center">
                                        <th class="text-start" width="5%">{{ __('order::receipt.table.header.seq') }}</th>
                                        <th class="text-start" width="55%">{{ __('order::receipt.table.header.product') }}</th>
                                        <th class="text-start" width="10%">{{ __('order::receipt.table.header.amount') }}</th>
                                        <th width="30%">{{ __('order::receipt.table.header.price') }} </th>
                                    </tr>
                                </thead>
                                <tbody class="align-items-center border-top-0">
                                    @if (!empty($order->items))
                                        @foreach ($order->items as $k_i => $i)
                                            <tr class="font-13 align-middle text-center">
                                                <td>{{ $k_i + 1 }}</td>
                                                <td class="text-start">
                                                    {!! $items[$k_i] ?? '' !!}
                                                </td>
                                                <td>{{ $i->quantity ?? 0 }}</td>
                                                @php
                                                    $total = "<p class='mb-0'>" . number_format($i->total ?? null, 2) . '</p>';
                                                    if (!empty($i->discount)) {
                                                        $total .= "<p class='mb-0 text-muted text-decoration-line-through'>" . number_format($i->price ?? null, 2) . '</p>';
                                                    }
                                                @endphp
                                                <td>{!! $total !!}</td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                                <tfoot class="border-top-0">
                                    <tr class="font-13">
                                        <td class="align-top text-start" colspan="2">
                                            <p class="font-14 mb-0 fw-bold">{{ __('order::receipt.payment') }}</p>
                                            <p class="font-13 mb-0">
                                                {{ !empty($order->payment_method) ? __('field.otp_payment.' . strtolower($order->payment_method)) : '' }}
                                                @if ($order->payment_method == 'BANK')
                                                    @if (!empty($order->payment_json))
                                                        @php
                                                            $bank_detail = json_decode($order->payment_json, true);
                                                            $lang = app()->getLocale();
                                                            foreach ($bank_detail['bank']['translate'] as $v) {
                                                                if ($v['lang'] == $lang) {
                                                                    $bank_name = $v['bank_name'];
                                                                    break;
                                                                }
                                                            }
                                                        @endphp
                                                        {{ ' (' . ($bank_name ?? '') . ')' }}
                                                    @else
                                                        {{ ' (' . ($order->bank->local->bank_name ?? '') . ')' }}
                                                    @endif
                                                @endif
                                            </p>
                                            @if (!empty($order->invoice_status))
                                                <address class="mt-1 text-wrap">
                                                    <p class="font-14 mb-0 fw-bold text-center text-sm-start">{{ __('order::receipt.user.info_tax') }}</p>
                                                    @php
                                                        $invoice_detail = $order->invoice_json;
                                                        $header = ['type', 'tax_number', 'name', 'tel', 'address'];
                                                    @endphp
                                                    @foreach ($header as $v)
                                                        @if (empty($invoice_detail[$v]) && $v != 'address')
                                                            @continue
                                                        @endif

                                                        @php
                                                            $right = $invoice_detail[$v] ?? '-';
                                                            if ($v == 'type') {
                                                                $right = __('field.opt_tax_address_type.' . strtolower($invoice_detail[$v]));
                                                            } elseif ($v == 'address') {
                                                                $right = implode(' ', [$invoice_detail['address'] ?? '', $invoice_detail['city'] ?? '', $invoice_detail['district'] ?? '', $invoice_detail['province'] ?? '', $invoice_detail['zipcode'] ?? '']);
                                                            }
                                                        @endphp

                                                        <p class="font-13 mb-0">
                                                            <b>{{ __('field.' . $v) }}&nbsp;:</b>
                                                            <span class="font-13">{{ $right }}</span>
                                                        </p>
                                                    @endforeach
                                                </address>
                                            @endif
                                        </td>
                                        <td class="align-top" colspan="2">
                                            @foreach ($footer as $k => $v)
                                                @if (in_array($k, ['discount', 'shipping']) && (empty($v) || $v == '0.00'))
                                                    @continue
                                                @endif

                                                <div class="d-flex justify-content-between mx-n2 px-2 py-1 {{ $k != 'grand_total' ? 'border-bottom' : '' }}">
                                                    <span class="font-14 fw-bold">{{ __('order::receipt.table.footer.' . $k) }}</span>
                                                    <span class="font-13 {{ $k == 'grand_total' ? 'fw-bold' : '' }}">{{ ($v ?? 0) . ' ' . $currency }}</span>
                                                </div>
                                                @if ($k == 'grand_total' && !empty($order->vat_type))
                                                    <div class="d-flex justify-content-between mx-n2 px-2 py-1">
                                                        <span class="font-14 fw-bold">{{ __('order::receipt.before_vat') }}</span>
                                                        <span class="font-13 fw-bold">{{ number_format($order->total_total ?? 0, 2) . ' ' . $currency }}</span>
                                                    </div>
                                                    <div class="d-flex justify-content-between mx-n2 px-2 py-1">
                                                        <span class="font-14 fw-bold">{{ __('order::receipt.vat') }}</span>
                                                        <span class="font-13 fw-bold">{{ number_format($order->total_vat ?? 0, 2) . ' ' . $currency }}</span>
                                                    </div>
                                                    <div class="d-flex justify-content-between mx-n2 px-2 py-1">
                                                        <span class="font-14 fw-bold">{{ __('order::receipt.total_vat') }}</span>
                                                        <span class="font-13 fw-bold">{{ number_format($order->grand_total ?? 0, 2) . ' ' . $currency }}</span>
                                                    </div>
                                                @endif
                                            @endforeach
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                            <div>
                                <span class="font-14 fw-bold">{{ __('order::receipt.note') }}</span> :
                                <p class="font-13 ms-1">{!! nl2br(e(str_replace(['\\r\\n', '\\r', '\\n', "\r\n", "\r"], "\n", $setting->local->remark ?? ''))) !!}</p>
                            </div>
                        </div>
                        <div class="row justify-content-around my-2">
                            <div class="col-lg-5 col">
                                <div class="d-flex">
                                    <p>{{ __('order::receipt.sign') }}</p>
                                    <p class="flex-grow-1 border-dotted text-center">
                                        {{-- {{ $invoice_detail['name'] ?? '' }} --}}
                                    </p>
                                    <p>{{ __('order::receipt.payer') }}</p>
                                </div>
                                <div class="d-flex">
                                    <p class="ps-4">(</p>
                                    <p class="flex-grow-1 border-dotted text-center">
                                        {{-- {{ $invoice_detail['name'] ?? '' }} --}}
                                    </p>
                                    <p class="pe-4">)</p>
                                </div>
                            </div>
                            <div class="col-lg-5 col font-14">
                                <div class="d-flex">
                                    <p>{{ __('order::receipt.sign') }}</p>
                                    <p class="flex-grow-1 border-dotted text-center">
                                        {{ $setting->local->sign ?? '' }}
                                    </p>
                                    <p>{{ __('order::receipt.payee') }}</p>
                                </div>
                                <div class="d-flex">
                                    <p class="ps-4">(</p>
                                    <p class="flex-grow-1 border-dotted text-center">
                                        {{ $setting->local->full_sign ?? '' }}
                                    </p>
                                    <p class="pe-4">)</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection