@if($activeDeals->isEmpty())
    <p>No active deals.</p>
@else
    <form action="{{ route('deals.send-notification') }}" method="post" style="margin-bottom:0.75rem;" onsubmit="return confirm('Send active deals report (PDF) to the configured email now?');">
        @csrf
        <button type="submit" class="btn btn-secondary" style="padding:0.35rem 0.75rem; font-size:0.9rem;">Send notification now (PDF email)</button>
    </form>
    <div style="overflow-x:auto;">
        <table style="width:100%; border-collapse:collapse; font-size:0.9rem;">
            <thead>
                <tr style="background:#f3f4f6; text-align:left;">
                    <th style="padding:0.5rem; border:1px solid #e5e7eb;">Image</th>
                    <th style="padding:0.5rem; border:1px solid #e5e7eb;">Product</th>
                    <th style="padding:0.5rem; border:1px solid #e5e7eb;">Deal applied</th>
                    <th style="padding:0.5rem; border:1px solid #e5e7eb;">Compare discount</th>
                    <th style="padding:0.5rem; border:1px solid #e5e7eb;">Time left</th>
                    <th style="padding:0.5rem; border:1px solid #e5e7eb;">Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($activeDeals as $deal)
                    @foreach($deal->dealProducts as $dp)
                        <tr style="border-bottom:1px solid #e5e7eb;">
                            <td style="padding:0.5rem; border:1px solid #e5e7eb; vertical-align:middle;">
                                @if($dp->image_url)
                                    <img src="{{ $dp->image_url }}" alt="" style="width:50px; height:50px; object-fit:cover; border-radius:4px;">
                                @else
                                    <span style="color:#9ca3af;">—</span>
                                @endif
                            </td>
                            <td style="padding:0.5rem; border:1px solid #e5e7eb;">{{ $dp->title }}</td>
                            <td style="padding:0.5rem; border:1px solid #e5e7eb;">
                                @if($deal->profit_type === 'percentage')
                                    {{ number_format($deal->profit_value, 0) }}% profit
                                @else
                                    ${{ number_format($deal->profit_value, 2) }} profit
                                @endif
                                <br><span style="font-size:0.85rem; color:#6b7280;">Cost {{ $dp->cost !== null ? '$' . number_format($dp->cost, 2) : '—' }}</span>
                                <br><span style="font-size:0.85rem; color:#6b7280;">Sale ${{ number_format($dp->deal_price, 2) }}</span>
                            </td>
                            <td style="padding:0.5rem; border:1px solid #e5e7eb;">
                                @if(($deal->compare_at_mode ?? 'use_original') === 'use_original')
                                    <span style="color:#6b7280;">Previous price</span>
                                @else
                                    {{ number_format($deal->compare_discount_percent ?? 0, 0) }}% off
                                @endif
                            </td>
                            <td style="padding:0.5rem; border:1px solid #e5e7eb;">
                                <span class="deal-countdown" data-end="{{ $deal->ends_at->toIso8601String() }}" style="font-weight:bold; color:#1d4ed8;">--</span>
                            </td>
                            <td style="padding:0.5rem; border:1px solid #e5e7eb; vertical-align:middle;">
                                @if($loop->first && Route::has('deals.edit'))
                                    <a href="{{ route('deals.edit', $deal) }}" class="btn btn-secondary" style="padding:0.35rem 0.6rem; font-size:0.85rem;">Edit</a>
                                    <form action="{{ route('deals.destroy', $deal) }}" method="post" style="display:inline;" onsubmit="return confirm('Delete this deal and restore original prices in Shopify?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger" style="padding:0.35rem 0.6rem; font-size:0.85rem;">Delete</button>
                                    </form>
                                @elseif($loop->first)
                                    <form action="{{ route('deals.destroy', $deal) }}" method="post" style="display:inline;" onsubmit="return confirm('Delete this deal and restore original prices in Shopify?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger" style="padding:0.35rem 0.6rem; font-size:0.85rem;">Delete</button>
                                    </form>
                                @else
                                    —
                                @endif
                            </td>
                        </tr>
                    @endforeach
                @endforeach
            </tbody>
        </table>
    </div>
@endif