@extends($layout ?? 'backend.layouts.app')

@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">{{ translate('POS Invoice') }} #{{ $order->code }}</h5>
            <button class="btn btn-sm btn-soft-primary" onclick="window.print()">
                <i class="las la-print"></i> {{ translate('Print') }}
            </button>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-6">
                    <h6 class="fw-600">{{ translate('Customer') }}</h6>
                    @php $address = json_decode($order->shipping_address); @endphp
                    <div>{{ $address->name ?? translate('Walk-in Customer') }}</div>
                    <div>{{ $address->phone ?? '' }}</div>
                    <div>{{ $address->address ?? '' }}</div>
                </div>
                <div class="col-md-6 text-md-right">
                    <h6 class="fw-600">{{ translate('Order Info') }}</h6>
                    <div>{{ translate('Date') }}: {{ date('d M Y H:i', $order->date) }}</div>
                    <div>{{ translate('Payment') }}: {{ ucfirst($order->payment_status) }}</div>
                    <div>{{ translate('Payment Method') }}: {{ ucfirst($order->payment_type) }}</div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>{{ translate('Item') }}</th>
                            <th class="text-center">{{ translate('Qty') }}</th>
                            <th class="text-right">{{ translate('Price') }}</th>
                            <th class="text-right">{{ translate('Total') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($order->orderDetails as $detail)
                            <tr>
                                <td>
                                    <div class="fw-600">{{ $detail->product->getTranslation('name') }}</div>
                                    <small class="text-muted">{{ $detail->variation }}</small>
                                </td>
                                <td class="text-center">{{ $detail->quantity }}</td>
                                <td class="text-right">{{ single_price($detail->price / max(1, $detail->quantity)) }}</td>
                                <td class="text-right">{{ single_price($detail->price) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            @php
                // Check if any order detail has prescription data
                $hasPrescription = $order->orderDetails->first(function ($detail) {
                    return $detail->product_lens_id && $detail->cartLens;
                });
            @endphp

            @if (($hasPrescription->cartLens->prescription_image || $hasPrescription->cartLens->eyesight_description) && env('ENABLE_LENSES', false))
                <div class="row mt-4">
                    <div class="col-12">
                        <h6 class="fw-600 mb-3">{{ translate('Prescription Details') }}</h6>
                        @if ($hasPrescription->cartLens->prescription_image)
                            <div class="mb-3">
                                <strong>{{ translate('Prescription Image') }}:</strong><br>
                                <img src="{{ uploaded_asset($hasPrescription->cartLens->prescription_image) }}"
                                    alt="Prescription" class="img-thumbnail mt-2"
                                    style="max-width: 300px; max-height: 300px;">
                            </div>
                        @endif
                        @if ($hasPrescription->cartLens->eyesight_description)
                            <div class="mb-3">
                                <strong>{{ translate('Additional Notes') }}:</strong><br>
                                <p class="mb-0">{{ $hasPrescription->cartLens->eyesight_description }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            @endif

            <div class="row justify-content-end">
                <div class="col-md-6">
                    @php
                        // Calculate lens price and collect lens details from order details
                        $lensPrice = 0;
                        $productSubtotal = 0;
                        $lensDetails = [];

                        foreach ($order->orderDetails as $detail) {
                            $productSubtotal += $detail->price;

                            // Check if selected_lenses exists in order detail
                            if (!empty($detail->selected_lenses)) {
                                $selectedLenses = is_array($detail->selected_lenses)
                                    ? $detail->selected_lenses
                                    : json_decode($detail->selected_lenses, true);

                                if (!empty($selectedLenses)) {
                                    foreach ($selectedLenses as $lensData) {
                                        $lensId = $lensData['id'] ?? null;
                                        $lensPrice += floatval($lensData['price'] ?? 0);

                                        // Get lens details
                                        if ($lensId) {
                                            $lens = \App\Models\Lens::find($lensId);
                                            if ($lens) {
                                                $lensDetails[] = [
                                                    'name' => $lens->name,
                                                    'price' => floatval($lensData['price'] ?? 0),
                                                    'color' => $lensData['color'] ?? null,
                                                ];
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    @endphp

                    @if ($lensPrice > 0 && env('ENABLE_LENSES', false))
                        @foreach ($lensDetails as $lensDetail)
                            <div class="d-flex justify-content-between">
                                <span>
                                    {{ translate('Lens') }}: {{ $lensDetail['name'] }}
                                    @if ($lensDetail['color'])
                                        <span
                                            style="display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: {{ $lensDetail['color'] }}; border: 1px solid #ddd; vertical-align: middle; margin-left: 5px;"></span>
                                    @endif
                                </span>
                                <span>{{ single_price($lensDetail['price']) }}</span>
                            </div>
                        @endforeach
                    @endif

                    <div class="d-flex justify-content-between">
                        <span>{{ translate('Subtotal') }}</span>
                        <span>{{ single_price($productSubtotal) }}</span>
                    </div>
                    @if ($order->tax > 0)
                    <div class="d-flex justify-content-between">
                        <span>{{ translate('Tax') }}</span>
                        <span>{{ single_price($order->orderDetails->sum('tax')) }}</span>
                    </div>
                    @endif
                    @if ($order->coupon_discount > 0)
                        <div class="d-flex justify-content-between text-success">
                            <span>{{ translate('Discount') }}</span>
                            <span>-{{ single_price($order->coupon_discount) }}</span>
                        </div>
                    @endif
                    <div class="d-flex justify-content-between fw-700 fs-16 border-top pt-2 mt-2">
                        <span>{{ translate('Grand Total') }}</span>
                        <span>{{ single_price($order->grand_total) }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection