@php
    /*
     * Use the currency selected in Payment Settings rather than
     * currency codes stored on older purchase records.
     */
    $displayCurrency = currency_code(
        $displayCurrency
        ?? $currency
        ?? default_currency()
    );

    $product = $sale->product;
    $order = $sale->order;

    $productTitle = trim(
        (string) (
            $sale->product_title
            ?? $product?->details?->first()?->title
            ?? __('Product #:id', [
                'id' => $sale->product_id,
            ])
        )
    );

    /*
     * Prefer the main product image.
     */
    $productImageRecord = $product?->images?->firstWhere(
        'is_main',
        true
    ) ?? $product?->images?->first();

    $productImage = $productImageRecord?->image_small
        ?? $productImageRecord?->image_default;

    /*
     * Support old and new payment-status values.
     */
    $paymentStatus = strtolower(
        trim(
            (string) (
                $order?->payment_status
                ?? 'pending_payment'
            )
        )
    );

    $isPaid = in_array(
        $paymentStatus,
        [
            'payment_received',
            'paid',
            'completed',
            'successful',
            'success',
        ],
        true
    );

    [
        $paymentBadge,
        $paymentIcon,
        $paymentLabel,
    ] = match ($paymentStatus) {
        'payment_received',
        'paid',
        'completed',
        'successful',
        'success' => [
            'bg-success',
            'fa-check-circle',
            __('Paid'),
        ],

        'payment_failed',
        'failed' => [
            'bg-danger',
            'fa-times-circle',
            __('Payment Failed'),
        ],

        'refunded' => [
            'bg-info text-dark',
            'fa-undo',
            __('Refunded'),
        ],

        'cancelled',
        'canceled' => [
            'bg-secondary',
            'fa-ban',
            __('Cancelled'),
        ],

        default => [
            'bg-warning text-dark',
            'fa-clock',
            __('Pending Payment'),
        ],
    };

    $digitalFiles = collect(
        $product?->digitalFiles ?? []
    );

    $hasFiles = $digitalFiles->isNotEmpty();

    $externalDownloadLink = trim(
        (string) (
            $product?->digital_file_download_link
            ?? ''
        )
    );

    $hasExternalLink = $externalDownloadLink !== '';
    $hasLicenseKey = filled($sale->license_key);

    $purchasePrice = max(
        0,
        (float) (
            $sale->price
            ?? $sale->product_total_price
            ?? $sale->total_price
            ?? 0
        )
    );

    /*
     * Safely parse the purchase date because it may be returned
     * as a Carbon object or a database string.
     */
    $purchaseDate = null;

    $rawPurchaseDate = $sale->purchase_date
        ?? $sale->created_at;

    if (filled($rawPurchaseDate)) {
        try {
            $purchaseDate =
                \Illuminate\Support\Carbon::parse(
                    $rawPurchaseDate
                );
        } catch (\Throwable) {
            $purchaseDate = null;
        }
    }

    $orderNumber = $order
        ? (
            filled($order->order_number)
                ? $order->order_number
                : $order->id
        )
        : null;

    $orderUrl = null;

    if (
        $order
        && \Illuminate\Support\Facades\Route::has(
            'account.orders.show'
        )
    ) {
        try {
            $orderUrl = route(
                'account.orders.show',
                $order
            );
        } catch (\Throwable) {
            $orderUrl = null;
        }
    }

    $licenseUrl = null;

    if (
        ($hasLicenseKey || $order)
        && \Illuminate\Support\Facades\Route::has(
            'account.downloads.license'
        )
    ) {
        try {
            $licenseUrl = route(
                'account.downloads.license',
                $sale
            );
        } catch (\Throwable) {
            $licenseUrl = null;
        }
    }

    /*
     * The main downloads page provides the downloadFirstFile()
     * and downloadSpecificFile() JavaScript functions.
     */
    $canDownload =
        $isPaid
        && ($hasFiles || $hasExternalLink);
@endphp

<div class="card border-0 shadow-sm purchase-card h-100">
    {{-- Product Image --}}
    <div class="position-relative">
        @if(filled($productImage))
            <img
                src="{{
                    asset(
                        'storage/'
                        . ltrim($productImage, '/')
                    )
                }}"
                alt="{{ $productTitle }}"
                class="card-img-top purchase-product-image"
                loading="lazy"
            >
        @else
            <div
                class="card-img-top purchase-image-placeholder
                    bg-primary bg-opacity-10 d-flex
                    align-items-center justify-content-center"
            >
                <i
                    class="fas fa-cube text-primary
                        purchase-placeholder-icon"
                ></i>
            </div>
        @endif

        {{-- Payment Status --}}
        <span
            class="position-absolute top-0 end-0
                m-2 badge {{ $paymentBadge }}"
        >
            <i class="fas {{ $paymentIcon }} me-1"></i>
            {{ $paymentLabel }}
        </span>

        {{-- License Status --}}
        @if($hasLicenseKey)
            <span
                class="position-absolute top-0 start-0
                    m-2 badge bg-info text-dark"
            >
                <i class="fas fa-key me-1"></i>
                {{ __('Licensed') }}
            </span>
        @endif
    </div>

    <div class="card-body">
        {{-- Product Title --}}
        <h6
            class="fw-700 mb-2 text-truncate"
            title="{{ $productTitle }}"
        >
            {{ $productTitle }}
        </h6>

        {{-- Purchase Information --}}
        <div class="row g-2 mb-3 small">
            @if($order)
                <div class="col-6">
                    <div
                        class="text-muted text-uppercase
                            fw-600 purchase-info-label"
                    >
                        {{ __('Order') }}
                    </div>

                    @if(filled($orderUrl))
                        <a
                            href="{{ $orderUrl }}"
                            class="text-decoration-none fw-600"
                        >
                            #{{ $orderNumber }}
                        </a>
                    @else
                        <span class="fw-600">
                            #{{ $orderNumber }}
                        </span>
                    @endif
                </div>
            @endif

            <div class="col-6">
                <div
                    class="text-muted text-uppercase
                        fw-600 purchase-info-label"
                >
                    {{ __('Purchased') }}
                </div>

                <div class="fw-600">
                    @if($purchaseDate)
                        {{
                            $purchaseDate->format(
                                'M d, Y'
                            )
                        }}
                    @else
                        {{ __('N/A') }}
                    @endif
                </div>

                @if($purchaseDate)
                    <div class="text-muted purchase-relative-date">
                        {{ $purchaseDate->diffForHumans() }}
                    </div>
                @endif
            </div>

            @if(filled($sale->purchase_code))
                <div class="col-12">
                    <div
                        class="text-muted text-uppercase
                            fw-600 purchase-info-label"
                    >
                        {{ __('Purchase Code') }}
                    </div>

                    <div class="d-flex align-items-center gap-2">
                        <code class="small">
                            {{ $sale->purchase_code }}
                        </code>

                        <button
                            type="button"
                            class="btn btn-sm btn-link p-0
                                text-decoration-none copy-purchase-code"
                            data-copy-text="{{ $sale->purchase_code }}"
                            title="{{ __('Copy purchase code') }}"
                            aria-label="{{ __('Copy purchase code') }}"
                        >
                            <i class="fas fa-copy small"></i>
                        </button>
                    </div>
                </div>
            @endif

            <div class="col-6">
                <div
                    class="text-muted text-uppercase
                        fw-600 purchase-info-label"
                >
                    {{ __('Price') }}
                </div>

                <div class="fw-700 text-primary text-nowrap">
                    {{
                        money(
                            $purchasePrice,
                            $displayCurrency
                        )
                    }}
                </div>
            </div>
        </div>

        {{-- Downloadable Files --}}
        @if($isPaid && $hasFiles)
            <div class="border-top pt-3 mb-3">
                <div
                    class="d-flex flex-wrap
                        justify-content-between
                        align-items-center gap-2 mb-2"
                >
                    <span
                        class="text-muted text-uppercase
                            fw-600 small"
                    >
                        <i class="fas fa-folder-open me-1"></i>

                        {{
                            trans_choice(
                                'File (:count)|Files (:count)',
                                $digitalFiles->count(),
                                [
                                    'count' => number_format(
                                        $digitalFiles->count()
                                    ),
                                ]
                            )
                        }}
                    </span>

                    @if($digitalFiles->count() > 1)
                        <button
                            type="button"
                            class="btn btn-sm btn-outline-primary
                                purchase-download-first"
                            data-sale-id="{{ $sale->id }}"
                        >
                            <i class="fas fa-download me-1"></i>
                            {{ __('Start Download') }}
                        </button>
                    @endif
                </div>

                <div
                    class="list-group list-group-flush
                        border rounded"
                >
                    @foreach($digitalFiles->take(3) as $file)
                        @php
                            $rawFileName = (string) (
                                $file->file_name
                                ?? $file->name
                                ?? __('Digital file')
                            );

                            $fileName = basename(
                                str_replace(
                                    '\\',
                                    '/',
                                    $rawFileName
                                )
                            );

                            if ($fileName === '') {
                                $fileName = __('Digital file');
                            }
                        @endphp

                        <div
                            class="list-group-item file-item
                                d-flex justify-content-between
                                align-items-center gap-2 py-2"
                        >
                            <div
                                class="d-flex align-items-center
                                    gap-2 min-width-0"
                            >
                                <i
                                    class="fas fa-file text-primary
                                        flex-shrink-0"
                                ></i>

                                <span
                                    class="small text-truncate"
                                    title="{{ $fileName }}"
                                >
                                    {{ $fileName }}
                                </span>
                            </div>

                            <button
                                type="button"
                                class="btn btn-sm
                                    btn-outline-primary
                                    flex-shrink-0
                                    purchase-download-file"
                                data-sale-id="{{ $sale->id }}"
                                data-file-id="{{ $file->id }}"
                                title="{{ __('Download this file') }}"
                                aria-label="{{
                                    __('Download :file', [
                                        'file' => $fileName,
                                    ])
                                }}"
                            >
                                <i class="fas fa-download"></i>
                            </button>
                        </div>
                    @endforeach

                    @if($digitalFiles->count() > 3)
                        <div
                            class="list-group-item
                                text-center py-2
                                small text-muted"
                        >
                            {{
                                trans_choice(
                                    '+ :count more file|+ :count more files',
                                    $digitalFiles->count() - 3,
                                    [
                                        'count' => number_format(
                                            $digitalFiles->count() - 3
                                        ),
                                    ]
                                )
                            }}
                        </div>
                    @endif
                </div>
            </div>
        @elseif($isPaid && ! $hasFiles && ! $hasExternalLink)
            <div class="alert alert-warning py-2 mb-3 small">
                <i
                    class="fas fa-exclamation-triangle me-1"
                ></i>

                {{
                    __(
                        'No downloadable file is available for this purchase.'
                    )
                }}
            </div>
        @elseif(! $isPaid)
            <div class="alert alert-warning py-2 mb-3 small">
                <i class="fas fa-lock me-1"></i>

                {{
                    __(
                        'Downloads unlock after payment is confirmed.'
                    )
                }}
            </div>
        @endif

        {{-- External Download Notice --}}
        @if($isPaid && $hasExternalLink && ! $hasFiles)
            <div class="alert alert-info py-2 mb-3 small">
                <i class="fas fa-external-link-alt me-1"></i>
                {{ __('This purchase uses an external download link.') }}
            </div>
        @endif
    </div>

    {{-- Actions --}}
    <div class="card-footer bg-white border-0 pt-0">
        <div class="d-flex flex-wrap gap-2">
            @if($canDownload)
                <button
                    type="button"
                    class="btn btn-primary flex-grow-1
                        purchase-download-first"
                    data-sale-id="{{ $sale->id }}"
                >
                    <i class="fas fa-download me-1"></i>
                    {{ __('Download') }}
                </button>
            @endif

            @if(filled($licenseUrl))
                <a
                    href="{{ $licenseUrl }}"
                    class="btn btn-outline-warning flex-grow-1"
                >
                    <i class="fas fa-key me-1"></i>
                    {{ __('View License') }}
                </a>
            @endif
        </div>
    </div>
</div>

@once
    @push('styles')
        <style>
            .fw-600 {
                font-weight: 600;
            }

            .fw-700 {
                font-weight: 700;
            }

            .min-width-0 {
                min-width: 0;
            }

            .purchase-product-image,
            .purchase-image-placeholder {
                width: 100%;
                height: 180px;
            }

            .purchase-product-image {
                object-fit: cover;
            }

            .purchase-placeholder-icon {
                font-size: 4rem;
                opacity: 0.5;
            }

            .purchase-info-label {
                font-size: 0.7rem;
            }

            .purchase-relative-date {
                font-size: 0.68rem;
            }
        </style>
    @endpush
@endonce

@once
    @push('scripts')
        <script>
        document.addEventListener('DOMContentLoaded', function () {
            function markCopied(button) {
                if (!button) {
                    return;
                }

                const icon = button.querySelector('i');

                if (!icon) {
                    return;
                }

                const originalClass = icon.className;

                icon.className =
                    'fas fa-check text-success small';

                window.setTimeout(function () {
                    icon.className = originalClass;
                }, 2000);
            }

            function fallbackCopy(text, button) {
                const textarea =
                    document.createElement('textarea');

                textarea.value = text;
                textarea.setAttribute('readonly', '');
                textarea.style.position = 'fixed';
                textarea.style.left = '-9999px';
                textarea.style.opacity = '0';

                document.body.appendChild(textarea);

                textarea.focus();
                textarea.select();

                try {
                    const copied =
                        document.execCommand('copy');

                    if (copied) {
                        markCopied(button);
                    }
                } catch (error) {
                    console.error(
                        'Copy failed:',
                        error
                    );
                } finally {
                    textarea.remove();
                }
            }

            async function copyText(text, button) {
                if (!text) {
                    return;
                }

                try {
                    if (
                        navigator.clipboard
                        && window.isSecureContext
                    ) {
                        await navigator.clipboard.writeText(
                            text
                        );

                        markCopied(button);
                        return;
                    }
                } catch (error) {
                    console.error(
                        'Clipboard copy failed:',
                        error
                    );
                }

                fallbackCopy(text, button);
            }

            document.querySelectorAll(
                '.copy-purchase-code'
            ).forEach(function (button) {
                button.addEventListener(
                    'click',
                    function () {
                        copyText(
                            button.dataset.copyText ?? '',
                            button
                        );
                    }
                );
            });

            document.querySelectorAll(
                '.purchase-download-first'
            ).forEach(function (button) {
                button.addEventListener(
                    'click',
                    function () {
                        const saleId =
                            button.dataset.saleId;

                        if (
                            typeof window.downloadFirstFile
                            !== 'function'
                        ) {
                            console.error(
                                'Download handler is unavailable.'
                            );
                            return;
                        }

                        button.disabled = true;

                        window.downloadFirstFile(saleId);

                        window.setTimeout(function () {
                            button.disabled = false;
                        }, 2000);
                    }
                );
            });

            document.querySelectorAll(
                '.purchase-download-file'
            ).forEach(function (button) {
                button.addEventListener(
                    'click',
                    function () {
                        const saleId =
                            button.dataset.saleId;

                        const fileId =
                            button.dataset.fileId;

                        if (
                            typeof window
                                .downloadSpecificFile
                            !== 'function'
                        ) {
                            console.error(
                                'File download handler is unavailable.'
                            );
                            return;
                        }

                        button.disabled = true;

                        window.downloadSpecificFile(
                            saleId,
                            fileId
                        );

                        window.setTimeout(function () {
                            button.disabled = false;
                        }, 2000);
                    }
                );
            });
        });
        </script>
    @endpush
@endonce