@php
    $miamiTz = config('app.deals_display_timezone', 'America/New_York');
    $marketingFeeDefaults = $marketingFeeDefaults ?? \App\Models\MarketingSetting::get()->discountModalDefaults();
    $feeGatewayPct = (float) ($marketingFeeDefaults['fee_gateway_pct'] ?? 3.5);
    $feeCommission = (float) ($marketingFeeDefaults['fee_commission_amt'] ?? 50);
    $feeShipping = (float) ($marketingFeeDefaults['fee_shipping_amt'] ?? 50);
    $feeExtra = (float) ($marketingFeeDefaults['fee_extra_amt'] ?? 0);
    $feeDefaultGateway = (bool) ($marketingFeeDefaults['fee_default_gateway'] ?? true);
    $feeDefaultCommission = (bool) ($marketingFeeDefaults['fee_default_commission'] ?? false);
    $feeDefaultShipping = (bool) ($marketingFeeDefaults['fee_default_shipping'] ?? true);
    $feeDefaultExtra = (bool) ($marketingFeeDefaults['fee_default_extra'] ?? false);
@endphp
@if($abandonedCheckouts->isEmpty())
    <div class="marketing-empty">
        <p>No abandoned checkouts at the moment. When a customer enters checkout (email, phone, etc.) but does not complete the purchase, they will appear here.</p>
    </div>
@else
    <div class="marketing-grid">
        @foreach($abandonedCheckouts as $checkout)
            @php
                $openOffers = $checkout->open_offer_products ?? $checkout->accepted_offer_product_titles ?? [];
                $isStoryPurchaseCard = (bool) ($checkout->is_instagram_story_purchase ?? false);
                $blockStampReason = null;
                if ($isStoryPurchaseCard) {
                    $blockStampReason = 'Instagram Story';
                } elseif (count($openOffers) > 0) {
                    $firstOffer = $openOffers[0] ?? [];
                    $offerStatus = trim((string) ($firstOffer['status_label'] ?? ''));
                    $blockStampReason = $offerStatus !== '' ? 'Open offer · ' . $offerStatus : 'Open offer';
                } elseif (($checkout->has_previously_purchased_products ?? false) && !($checkout->create_discount_can ?? true)) {
                    $blockStampReason = 'Previously ordered';
                }
            @endphp
            <article class="marketing-card{{ $blockStampReason ? ' marketing-card--blocked' : '' }}" data-checkout-id="{{ $checkout->id }}">
                @if($blockStampReason)
                    <div class="marketing-card-block-stamp" role="status" aria-label="Blocked: {{ $blockStampReason }}">
                        <span class="marketing-card-block-stamp-label">Blocked</span>
                        <span class="marketing-card-block-stamp-reason">{{ $blockStampReason }}</span>
                    </div>
                @endif
                <div class="marketing-card-status">
                    @if($checkout->completed_at)
                        <span class="marketing-badge marketing-badge-recovered">Recovered</span>
                        <span class="marketing-card-date marketing-card-date-recovered">
                            <span class="marketing-card-date-line">Order placed</span>
                            <span class="marketing-card-date-line">{{ $checkout->completed_at->copy()->timezone($miamiTz)->format('M j, Y') }} at {{ $checkout->completed_at->copy()->timezone($miamiTz)->format('g:i A') }}</span>
                        </span>
                    @else
                        <span class="marketing-badge">Abandoned checkout</span>
                        <span class="marketing-card-date">{{ $checkout->created_at->diffForHumans() }}</span>
                    @endif
                    <button type="button" class="marketing-btn-hide-card" data-hide-url="{{ route('marketing.checkout.hide', $checkout) }}" title="Hide this card" aria-label="Hide this card">&times;</button>
                </div>
                <div class="marketing-card-body">
                    <div class="marketing-card-field">
                        <span class="marketing-label">Name</span>
                        <span class="marketing-value">{{ $checkout->full_name }}</span>
                    </div>
                    <div class="marketing-card-field">
                        <span class="marketing-label">Email</span>
                        <span class="marketing-value">
                            @if($checkout->email)
                                <a href="mailto:{{ $checkout->email }}">{{ $checkout->email }}</a>
                            @else
                                <span class="marketing-muted">—</span>
                            @endif
                        </span>
                    </div>
                    <div class="marketing-card-field">
                        <span class="marketing-label">Phone</span>
                        <span class="marketing-value">
                            @if($checkout->phone)
                                <a href="tel:{{ preg_replace('/\s+/', '', $checkout->phone) }}">{{ $checkout->phone }}</a>
                            @else
                                <span class="marketing-muted">—</span>
                            @endif
                        </span>
                    </div>
                    @php
                        $latestDiscount = $checkout->checkoutDiscounts->first();
                        $feeCalcItems = [];
                        if ($latestDiscount && $latestDiscount->status === 'active') {
                            $cartSaleTotal = 0;
                            foreach ($checkout->line_items ?? [] as $i) {
                                $cartSaleTotal += ((float) ($i['price'] ?? 0)) * ((int) ($i['quantity'] ?? 1));
                            }
                            if ($cartSaleTotal > 0) {
                                $dType = $latestDiscount->discount_type ?? 'percentage';
                                $dVal = (float) ($latestDiscount->discount_value ?? 0);
                                $discountAmount = $dType === 'percentage' ? $cartSaleTotal * $dVal / 100 : min($dVal, $cartSaleTotal);
                                $totalFinal = $cartSaleTotal - $discountAmount;
                                foreach ($checkout->line_items ?? [] as $item) {
                                    $itemSaleTotal = ((float) ($item['price'] ?? 0)) * ((int) ($item['quantity'] ?? 1));
                                    $itemCostTotal = ((float) ($item['cost'] ?? 0)) * ((int) ($item['quantity'] ?? 1));
                                    if ($itemSaleTotal > 0 && $totalFinal > 0) {
                                        $itemFinal = $itemSaleTotal - ($discountAmount * ($itemSaleTotal / $cartSaleTotal));
                                        $itemProfitDisplay = $itemFinal - $itemCostTotal;
                                        $feeCalcItems[] = ['gross' => $itemProfitDisplay, 'final' => $itemFinal, 'share' => $itemFinal / $totalFinal];
                                    }
                                }
                            }
                        }
                    @endphp
                    <div class="marketing-card-products">
                        <span class="marketing-label">Products in checkout</span>
                        <ul class="marketing-product-list">
                            @forelse($checkout->line_items ?? [] as $item)
                                @php
                                    $itemVid = trim(preg_replace('#^gid://shopify/ProductVariant/#', '', trim((string) ($item['variant_id'] ?? ''))));
                                    $itemPid = trim(preg_replace('#^gid://shopify/Product/#', '', trim((string) ($item['product_id'] ?? ''))));
                                    $itemKey = $itemVid !== '' ? $itemVid : ($itemPid !== '' ? 'p-' . $itemPid : '');
                                    $itemPurchased = $itemKey !== '' && array_key_exists($itemKey, $productPurchasedByCheckoutId[$checkout->id] ?? []);
                                    $itemPrice = (float) ($item['price'] ?? 0);
                                    $itemCost = (float) ($item['cost'] ?? 0);
                                    $itemQty = (int) ($item['quantity'] ?? 1);
                                    $itemSaleTotal = $itemPrice * $itemQty;
                                    $itemCostTotal = $itemCost * $itemQty;
                                    $itemProfitDisplay = null;
                                    $itemProfitAfterFees = null;
                                    if ($latestDiscount && $latestDiscount->status === 'active' && $itemSaleTotal > 0) {
                                        $cartSaleTotal = 0;
                                        foreach ($checkout->line_items ?? [] as $i) {
                                            $cartSaleTotal += ((float) ($i['price'] ?? 0)) * ((int) ($i['quantity'] ?? 1));
                                        }
                                        if ($cartSaleTotal > 0) {
                                            $dType = $latestDiscount->discount_type ?? 'percentage';
                                            $dVal = (float) ($latestDiscount->discount_value ?? 0);
                                            $discountAmount = $dType === 'percentage' ? $cartSaleTotal * $dVal / 100 : min($dVal, $cartSaleTotal);
                                            $itemFinal = $itemSaleTotal - ($discountAmount * ($itemSaleTotal / $cartSaleTotal));
                                            $itemProfitDisplay = $itemFinal - $itemCostTotal;
                                            $totalFinal = $cartSaleTotal - $discountAmount;
                                            if ($totalFinal > 0) {
                                                $itemShare = $itemFinal / $totalFinal;
                                                $feeGw = $feeDefaultGateway ? $itemFinal * $feeGatewayPct / 100 : 0;
                                                $feeComm = $feeDefaultCommission ? $feeCommission * $itemShare : 0;
                                                $feeShip = $feeDefaultShipping ? $feeShipping * $itemShare : 0;
                                                $feeExt = $feeDefaultExtra ? $feeExtra * $itemShare : 0;
                                                $itemProfitAfterFees = $itemProfitDisplay - $feeGw - $feeComm - $feeShip - $feeExt;
                                            }
                                        }
                                    }
                                @endphp
                                <li class="marketing-product-item">
                                    @if(!empty($item['image']))
                                    <div class="marketing-product-thumb">
                                        <img src="{{ $item['image'] }}" alt="" loading="lazy" width="56" height="56">
                                    </div>
                                    @endif
                                    <div class="marketing-product-info">
                                        <span class="marketing-product-title">{{ $item['title'] ?? 'Product' }}</span>
                                        <span class="marketing-product-qty">× {{ $itemQty }}</span>
                                        @if($itemPurchased)
                                        <span class="marketing-product-order-completed" title="This customer placed an order including this product">Order completed</span>
                                        @endif
                                    </div>
                                    <div class="marketing-product-prices">
                                        <span class="marketing-price marketing-price-cost">Cost: @if($itemCost > 0)${{ number_format($itemCost, 1) }}@else<span class="marketing-muted">—</span>@endif</span>
                                        <span class="marketing-price marketing-price-sale">Sale: @if($itemPrice > 0)${{ number_format($itemPrice, 2) }}@else<span class="marketing-muted">—</span>@endif</span>
                                        @if($itemProfitDisplay !== null)
                                        <span class="marketing-price marketing-price-profit">Profit: ${{ number_format($itemProfitDisplay, 2) }}</span>
                                        @if($itemProfitAfterFees !== null)
                                        <span class="marketing-profit-fees-wrap">
                                            <span class="marketing-price marketing-price-profit-fees">Profit (after fees): ${{ number_format($itemProfitAfterFees, 2) }}</span>
                                            @if($loop->first)
                                            <a href="#" class="marketing-link-edit-fees marketing-icon-edit-fees" role="button" title="Edit fees" aria-label="Edit fees"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg></a>
                                            @endif
                                        </span>
                                        @endif
                                        @endif
                                    </div>
                                </li>
                            @empty
                                <li class="marketing-muted">—</li>
                            @endforelse
                        </ul>
                    </div>
                    @php
                        $lineItemsCopy = $checkout->line_items ?? [];
                        $currentProductIds = collect($lineItemsCopy)->map(fn ($i) => isset($i['product_id']) ? (string) $i['product_id'] : null)->filter()->unique()->sort()->values()->all();
                        $activeDiscountsList = $checkout->checkoutDiscounts->whereIn('status', ['active', 'paused_deal']);
                        $allAssignedIds = [];
                        $anyDiscountAppliesToAll = false;
                        foreach ($activeDiscountsList as $d) {
                            $pids = $d->product_ids;
                            if (!is_array($pids) || count($pids) === 0) {
                                $anyDiscountAppliesToAll = true;
                                break;
                            }
                            foreach ($pids as $id) {
                                $allAssignedIds[(string) $id] = true;
                            }
                        }
                        if ($anyDiscountAppliesToAll) {
                            $allAssignedIds = array_flip($currentProductIds);
                        }
                        $hasProductsWithoutDiscount = count($lineItemsCopy) > 0 && count($currentProductIds) > 0 && (
                            $anyDiscountAppliesToAll ? false : collect($currentProductIds)->contains(fn ($id) => !isset($allAssignedIds[$id]))
                        );
                    @endphp
                    @foreach($activeDiscountsList as $discount)
                    @php
                        $codeAppliesToProducts = false;
                        $discountProductIds = $discount->product_ids;
                        $discountIdsNormalized = is_array($discountProductIds) && count($discountProductIds) > 0
                            ? collect($discountProductIds)->map(fn ($id) => (string) $id)->unique()->sort()->values()->all()
                            : null;
                        if ($discountIdsNormalized === null) {
                            $codeAppliesToProducts = count($currentProductIds) > 0;
                        } else {
                            $currentSet = array_flip($currentProductIds);
                            $codeAppliesToProducts = collect($discountIdsNormalized)->contains(fn ($id) => isset($currentSet[$id]));
                        }
                        $discountProductImage = $discount->product_image_url ?? null;
                        $isFirstDiscount = $loop->first;
                    @endphp
                        <div class="marketing-card-discount" data-checkout-index="{{ $loop->parent->index }}" @if($isFirstDiscount && !empty($feeCalcItems)) data-fee-calc="{{ e(json_encode($feeCalcItems)) }}" @endif>
                            @if($isFirstDiscount && !empty($feeCalcItems))
                            <script type="application/json" class="marketing-fee-calc-json">@json($feeCalcItems)</script>
                            @endif
                            <div class="marketing-discount-header">
                                @if($discountProductImage)
                                <div class="marketing-discount-thumb">
                                    <img src="{{ $discountProductImage }}" alt="" loading="lazy" width="56" height="56">
                                </div>
                                @endif
                                <div class="marketing-discount-header-inner">
                                    <span class="marketing-label">Discount code</span>
                                    <div class="marketing-discount-info">
                                        <span class="marketing-discount-code">{{ ($discount->auto_apply ?? true) && (trim((string)($discount->code ?? '')) === '') ? 'Automatic' : ($discount->code ?? '') }}</span>
                                        <span class="marketing-discount-status marketing-discount-status-{{ $discount->status }}">{{ $discount->status_label }}</span>
                                        <span class="marketing-discount-value">{{ $discount->discount_type === 'percentage' ? round((float) $discount->discount_value, 1) . '% off' : '$' . number_format((float) $discount->discount_value, 2) . ' off' }}</span>
                                    </div>
                                </div>
                            </div>
                            <p class="marketing-discount-applies @if(!$codeAppliesToProducts) marketing-discount-applies-no @endif">
                                @if($codeAppliesToProducts)
                                    This code applies to the product(s) shown above.
                                @else
                                    This discount is not assigned to the product(s) in this checkout.
                                @endif
                            </p>
                            <div class="marketing-discount-meta">
                                <span>Created: {{ $discount->created_at->copy()->timezone($miamiTz)->format('M j, Y g:i A') }}</span>
                                <span>Apply at checkout: {{ ($discount->auto_apply ?? true) ? 'Automatic' : 'Manual (customer enters code)' }}</span>
                                <span>Expires: {{ $discount->ends_at ? $discount->ends_at->copy()->timezone($miamiTz)->format('M j, Y') : 'No expiration' }}</span>
                                @if($discount->status === 'paused_deal' && $discount->paused_by_deal_ends_at)
                                <span class="marketing-discount-paused-note">Active again after deal ends: {{ $discount->paused_by_deal_ends_at->copy()->timezone($miamiTz)->format('M j, Y g:i A') }}</span>
                                @endif
                            </div>
                            @if($discount->discount_email_sent_at)
                            <div class="marketing-email-status">
                                <span class="marketing-email-sent">Email sent: {{ $discount->discount_email_sent_at->copy()->timezone($miamiTz)->format('M j, Y g:i A') }}</span>
                                <span class="marketing-email-opened-status" data-discount-id="{{ $discount->id }}">
                                    @if($discount->discount_email_opened_at)
                                        <span class="marketing-email-opened">Opened: Yes ({{ $discount->discount_email_opened_at->copy()->timezone($miamiTz)->format('M j, Y g:i A') }})</span>
                                    @else
                                        <span class="marketing-email-opened-no">Opened: No</span>
                                    @endif
                                </span>
                            </div>
                            @endif
                            @if($discount->discount_sms_sent_at)
                            <div class="marketing-sms-status">
                                <span class="marketing-sms-sent">SMS sent: {{ $discount->discount_sms_sent_at->copy()->timezone($miamiTz)->format('M j, Y g:i A') }}</span>
                                <span class="marketing-sms-delivery-status">
                                    @if($discount->discount_sms_delivered_at)
                                        <span class="marketing-sms-delivered">Status: Delivered ({{ $discount->discount_sms_delivered_at->copy()->timezone($miamiTz)->format('M j, Y g:i A') }})</span>
                                    @elseif(!empty($discount->discount_sms_status))
                                        @php
                                            $twilioStatus = ucfirst(strtolower($discount->discount_sms_status));
                                        @endphp
                                        <span class="marketing-sms-twilio-status {{ in_array(strtolower($discount->discount_sms_status), ['failed', 'undelivered'], true) ? 'marketing-sms-status-failed' : '' }}">Status: {{ $twilioStatus }}@if(!empty($discount->discount_sms_fail_reason)) ({{ $discount->discount_sms_fail_reason }})@endif</span>
                                    @else
                                        <span class="marketing-sms-sent-only">Status: Sent</span>
                                    @endif
                                </span>
                            </div>
                            @endif
                            <div class="marketing-card-discount-actions">
                                <div class="marketing-card-discount-actions-notifications">
                                    @php
                                        $openOfferPidSetForNotify = array_flip(array_map('strval', $checkout->open_offer_product_ids ?? []));
                                        $storyPidSetForNotify = array_flip(array_map('strval', $checkout->instagram_story_product_ids ?? []));
                                        $discountPidsForNotify = is_array($discount->product_ids) ? array_map('strval', $discount->product_ids) : [];
                                        $discountBlockedByOpenOffer = false;
                                        $discountBlockedByStory = (bool) ($checkout->is_instagram_story_purchase ?? false);
                                        if (!$discountBlockedByStory && count($storyPidSetForNotify) > 0) {
                                            if (count($discountPidsForNotify) === 0) {
                                                $discountBlockedByStory = true;
                                            } else {
                                                foreach ($discountPidsForNotify as $dpid) {
                                                    $dpidNorm = preg_replace('#^gid://shopify/Product/#', '', $dpid);
                                                    if (isset($storyPidSetForNotify[$dpidNorm]) || isset($storyPidSetForNotify[$dpid])) {
                                                        $discountBlockedByStory = true;
                                                        break;
                                                    }
                                                }
                                            }
                                        }
                                        if (count($openOfferPidSetForNotify) > 0) {
                                            if (count($discountPidsForNotify) === 0) {
                                                $discountBlockedByOpenOffer = true;
                                            } else {
                                                foreach ($discountPidsForNotify as $dpid) {
                                                    $dpidNorm = preg_replace('#^gid://shopify/Product/#', '', $dpid);
                                                    if (isset($openOfferPidSetForNotify[$dpidNorm]) || isset($openOfferPidSetForNotify[$dpid])) {
                                                        $discountBlockedByOpenOffer = true;
                                                        break;
                                                    }
                                                }
                                            }
                                        }
                                    @endphp
                                    @if($discountBlockedByStory)
                                        <p class="marketing-story-purchase-notice marketing-open-offer-notice-inline" role="status">Notify blocked — Instagram Story Purchase.</p>
                                    @elseif($discountBlockedByOpenOffer)
                                        <p class="marketing-open-offer-notice marketing-open-offer-notice-inline" role="status">Notify blocked — open offer on this product.</p>
                                    @elseif(($checkout->email || $checkout->phone) && $discount->status !== 'paused_deal')
                                        <button type="button" class="marketing-btn-notify-customer"
                                            data-send-email-url="{{ $checkout->email ? route('marketing.discount.send-email', $discount) : '' }}"
                                            data-send-sms-url="{{ $checkout->phone ? route('marketing.discount.send-sms', $discount) : '' }}"
                                            data-has-email="{{ $checkout->email ? '1' : '0' }}"
                                            data-has-phone="{{ $checkout->phone ? '1' : '0' }}"
                                            data-email-sent-date="{{ $discount->discount_email_sent_at ? $discount->discount_email_sent_at->copy()->timezone($miamiTz)->format('Y-m-d') : '' }}"
                                            data-email-sent-formatted="{{ $discount->discount_email_sent_at ? $discount->discount_email_sent_at->copy()->timezone($miamiTz)->format('M j, Y g:i A') : '' }}"
                                            data-sms-sent-date="{{ $discount->discount_sms_sent_at ? $discount->discount_sms_sent_at->copy()->timezone($miamiTz)->format('Y-m-d') : '' }}"
                                            data-sms-sent-formatted="{{ $discount->discount_sms_sent_at ? $discount->discount_sms_sent_at->copy()->timezone($miamiTz)->format('M j, Y g:i A') : '' }}">Notify customer</button>
                                    @endif
                                </div>
                                <div class="marketing-card-discount-actions-buttons">
                                    <button type="button" class="marketing-btn-edit-discount" data-index="{{ $loop->parent->index }}" data-update-url="{{ route('marketing.discount.update', $discount) }}" data-discount-type="{{ $discount->discount_type ?? 'percentage' }}" data-discount-value="{{ $discount->discount_value ?? '10' }}" data-auto-apply="{{ ($discount->auto_apply ?? true) ? '1' : '0' }}" data-expires="{{ $discount->ends_at ? '1' : '0' }}" data-ends-at="{{ $discount->ends_at ? $discount->ends_at->copy()->timezone($miamiTz)->format('Y-m-d') : '' }}">Edit</button>
                                    <button type="button" class="marketing-btn-delete-discount" data-delete-url="{{ route('marketing.discount.delete', $discount) }}">Delete</button>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    @if($checkout->completed_at)
                        <div class="marketing-card-recovered">
                            <p class="marketing-recovered-message">
                                @php
                                $orderNum = trim((string)($checkout->recovered_order_number ?? ''));
                                if ($orderNum === '' && $checkout->purchases->isNotEmpty()) {
                                    $first = $checkout->purchases->first();
                                    $fromPurchase = trim((string)($first->order_number ?? ''));
                                    if ($fromPurchase !== '') {
                                        $orderNum = $fromPurchase;
                                    }
                                }
                                $orderNum = $orderNum !== '' ? ltrim($orderNum, '#') : '';
                                if ($orderNum === '') {
                                    $orderNum = '—';
                                }
                            @endphp
                                Customer completed order — Order #{{ $orderNum }} placed on {{ $checkout->completed_at->copy()->timezone($miamiTz)->format('F j, Y') }} at {{ $checkout->completed_at->copy()->timezone($miamiTz)->format('g:i A') }}.
                            </p>
                        </div>
                    @elseif(($checkout->email || $checkout->phone) && count($checkout->line_items ?? []) > 0)
                        <div class="marketing-card-actions">
                            @if($checkout->create_discount_can ?? true)
                                <button type="button" class="marketing-btn-create-discount" data-index="{{ $loop->index }}">
                                    Create discount
                                </button>
                                @if(!$checkout->email && $checkout->phone)
                                    <p class="marketing-no-email-hint">No email on file — notification will be sent by SMS only.</p>
                                @endif
                            @elseif(!$blockStampReason && $checkout->checkoutDiscounts->whereIn('status', ['active', 'paused_deal'])->isEmpty())
                                <p class="marketing-create-discount-reason" role="status">{{ $checkout->create_discount_reason ?? 'This customer already has an active discount for these products.' }}</p>
                            @endif
                        </div>
                    @endif
                </div>
            </article>
        @endforeach
    </div>
@endif