@extends('layouts.app')

@section('content')
<div class="container-fluid px-4 py-4">
    @php
        $shopeeFooter = \App\Models\AffiliateFooter::formatForPlatform('shopee') ?? '';
    @endphp

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-1"><i class="bi bi-broadcast-pin me-2"></i>Ofertas Processadas</h1>
            <p class="text-muted mb-0">Pipeline de ofertas: scraping → texto formatado → publicação</p>
        </div>
        @php $monitoringActive = auth()->user()->monitoring_active ?? true; @endphp
        @unless($monitoringActive)
            <a href="{{ route('admin.setup.index') }}"
               class="btn btn-outline-warning d-flex align-items-center gap-2">
                <i class="bi bi-pause-circle"></i>
                <span>Monitoramento pausado</span>
            </a>
        @endunless
    </div>

    @include('admin.partials.webmaster-user-filter')

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <i class="bi bi-check-circle me-2"></i>{{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show">
            <i class="bi bi-exclamation-circle me-2"></i>{{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    {{-- Cards de resumo (ícones alinhados ao dashboard) --}}
    <div class="row g-3 mb-2">
        <div class="col-6 col-lg-4">
            <div class="offer-metric-card h-100">
                <div class="offer-metric-icon offer-metric-icon--total"><i class="bi bi-layers"></i></div>
                <div class="offer-metric-body">
                    <div class="offer-metric-value" id="count-total">{{ $counts['total'] }}</div>
                    <div class="offer-metric-label">Total</div>
                </div>
            </div>
        </div>
        <div class="col-6 col-lg-4">
            <a href="{{ request()->fullUrlWithQuery(['status' => 'ready']) }}" class="text-decoration-none text-reset d-block h-100">
                <div class="offer-metric-card h-100 {{ $status === 'ready' ? 'offer-metric-card--active-primary' : '' }}">
                    <div class="offer-metric-icon offer-metric-icon--ready"><i class="bi bi-lightning-charge-fill"></i></div>
                    <div class="offer-metric-body">
                        <div class="offer-metric-value text-primary" id="count-ready">{{ $counts['ready'] }}</div>
                        <div class="offer-metric-label">Prontas</div>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-6 col-lg-4">
            <a href="{{ request()->fullUrlWithQuery(['status' => 'published']) }}" class="text-decoration-none text-reset d-block h-100">
                <div class="offer-metric-card h-100">
                    <div class="offer-metric-icon offer-metric-icon--published"><i class="bi bi-send-check-fill"></i></div>
                    <div class="offer-metric-body">
                        <div class="offer-metric-value text-success" id="count-published">{{ $counts['published'] }}</div>
                        <div class="offer-metric-label">Publicadas</div>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-6 col-lg-4">
            <a href="{{ request()->fullUrlWithQuery(['status' => 'fetch_failed']) }}" class="text-decoration-none text-reset d-block h-100">
                <div class="offer-metric-card h-100">
                    <div class="offer-metric-icon offer-metric-icon--failed"><i class="bi bi-cloud-slash-fill"></i></div>
                    <div class="offer-metric-body">
                        <div class="offer-metric-value text-danger" id="count-fetch-failed">{{ $counts['fetch_failed'] }}</div>
                        <div class="offer-metric-label">Falha scraping</div>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-6 col-lg-4">
            <a href="{{ request()->fullUrlWithQuery(['status' => 'ignored']) }}" class="text-decoration-none text-reset d-block h-100">
                <div class="offer-metric-card h-100">
                    <div class="offer-metric-icon offer-metric-icon--ignored"><i class="bi bi-eye-slash-fill"></i></div>
                    <div class="offer-metric-body">
                        <div class="offer-metric-value text-secondary" id="count-ignored">{{ $counts['ignored'] }}</div>
                        <div class="offer-metric-label">Ignoradas</div>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-6 col-lg-4">
            <a href="{{ request()->fullUrlWithQuery(['platform' => 'shopee']) }}" class="text-decoration-none text-reset d-block h-100">
                <div class="offer-metric-card h-100 {{ $platform === 'shopee' ? 'offer-metric-card--active-danger' : '' }}">
                    <div class="offer-metric-icon offer-metric-icon--shopee-pending"><i class="bi bi-shop-window"></i></div>
                    <div class="offer-metric-body">
                        <div class="offer-metric-value text-danger" id="count-shopee-pending">{{ $counts['shopee_pending'] }}</div>
                        <div class="offer-metric-label">Shopee pendente</div>
                    </div>
                </div>
            </a>
        </div>
    </div>

    <p class="text-muted small mb-2">Por plataforma <span class="text-muted">(no recorte dos filtros atuais)</span></p>
    <div class="row g-3 mb-3">
        <div class="col-6 col-lg-4">
            <a href="{{ request()->fullUrlWithQuery(['platform' => 'mercadolivre']) }}" class="text-decoration-none text-reset d-block h-100">
                <div class="offer-metric-card h-100 {{ $platform === 'mercadolivre' ? 'offer-metric-card--active-ml' : '' }}">
                    <div class="offer-metric-icon offer-metric-icon--ml"><i class="bi bi-cart-fill"></i></div>
                    <div class="offer-metric-body">
                        <div class="offer-metric-value" id="count-by-ml">{{ $counts['by_mercadolivre'] }}</div>
                        <div class="offer-metric-label">Mercado Livre</div>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-6 col-lg-4">
            <a href="{{ request()->fullUrlWithQuery(['platform' => 'amazon']) }}" class="text-decoration-none text-reset d-block h-100">
                <div class="offer-metric-card h-100 {{ $platform === 'amazon' ? 'offer-metric-card--active-amazon' : '' }}">
                    <div class="offer-metric-icon offer-metric-icon--amazon"><i class="bi bi-amazon"></i></div>
                    <div class="offer-metric-body">
                        <div class="offer-metric-value" id="count-by-amazon">{{ $counts['by_amazon'] }}</div>
                        <div class="offer-metric-label">Amazon</div>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-6 col-lg-4">
            <a href="{{ request()->fullUrlWithQuery(['platform' => 'shopee']) }}" class="text-decoration-none text-reset d-block h-100">
                <div class="offer-metric-card h-100 {{ $platform === 'shopee' ? 'offer-metric-card--active-shopee' : '' }}">
                    <div class="offer-metric-icon offer-metric-icon--shopee"><i class="bi bi-shop"></i></div>
                    <div class="offer-metric-body">
                        <div class="offer-metric-value" id="count-by-shopee">{{ $counts['by_shopee'] }}</div>
                        <div class="offer-metric-label">Shopee</div>
                    </div>
                </div>
            </a>
        </div>
    </div>

    {{-- Filtros --}}
    <form method="GET" class="row g-2 align-items-end mb-3">
        <input type="hidden" name="status" value="{{ $status }}">
        <div class="col-lg-2">
            <select name="platform" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="">Todas as plataformas</option>
                <option value="mercadolivre" {{ $platform === 'mercadolivre' ? 'selected' : '' }}>Mercado Livre</option>
                <option value="amazon"       {{ $platform === 'amazon' ? 'selected' : '' }}>Amazon</option>
                <option value="shopee"       {{ $platform === 'shopee' ? 'selected' : '' }}>Shopee</option>
            </select>
        </div>
        <div class="col-lg-3">
            <select name="source_id" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="">Todas as fontes</option>
                @foreach($sources as $src)
                    <option value="{{ $src->id }}" {{ (string)$sourceId === (string)$src->id ? 'selected' : '' }}>
                        {{ $src->name }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-lg-3">
            <select name="target_id" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="">Todos os destinos</option>
                @foreach($targets as $target)
                    <option value="{{ $target->id }}" {{ (string)$targetId === (string)$target->id ? 'selected' : '' }}>
                        {{ $target->channel_name ?: $target->channel_identifier }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-lg-2">
            <input
                type="date"
                name="date_from"
                value="{{ $dateFrom }}"
                class="form-control form-control-sm"
                title="Data inicial"
                onchange="this.form.submit()"
            >
        </div>
        <div class="col-lg-2">
            <input
                type="date"
                name="date_to"
                value="{{ $dateTo }}"
                class="form-control form-control-sm"
                title="Data final"
                onchange="this.form.submit()"
            >
        </div>
        <div class="col-12 d-flex justify-content-end">
            <a href="{{ route('admin.monitoring.offers.index') }}" class="btn btn-sm btn-outline-secondary">
                <i class="bi bi-x-circle me-1"></i>Limpar filtros
            </a>
        </div>
    </form>

    {{-- Tabela --}}
    <div class="card shadow-sm">
        <div class="card-body p-0">
            @if($offers->isEmpty())
                <div class="text-center py-5">
                    <i class="bi bi-inbox display-1 text-muted"></i>
                    <p class="text-muted mt-3">Nenhuma oferta encontrada com estes filtros.</p>
                </div>
            @else
                @can('monitoring.offers.manage')
                <form id="bulkDeleteOffersForm" action="{{ route('admin.monitoring.offers.bulkDeleteOffers') }}" method="POST" class="border-bottom p-2 d-flex align-items-center justify-content-between gap-2">
                    @csrf
                    <div class="d-flex align-items-center gap-2">
                        <button type="button" class="btn btn-sm btn-outline-secondary" id="checkAllOffersBtn">Marcar todos</button>
                        <small class="text-muted"><span id="selectedOffersCount">0</span> selecionado(s)</small>
                    </div>
                    <button type="submit" class="btn btn-sm btn-outline-danger" id="bulkDeleteOffersBtn" disabled>
                        Excluir selecionadas
                    </button>
                </form>
                @endcan
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                @can('monitoring.offers.manage')
                                <th style="width:40px;">
                                    <input type="checkbox" id="checkAllOffersHead" aria-label="Selecionar todas">
                                </th>
                                @endcan
                                <th style="width:5%">#</th>
                                <th style="width:8%">Plataforma</th>
                                <th>Título / Produto</th>
                                <th style="width:10%">Preço</th>
                                <th style="width:12%">Status</th>
                                <th style="width:12%">Criada</th>
                                <th style="width:15%" class="text-center">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($offers as $offer)
                            <tr data-offer-id="{{ $offer->id }}" data-status="{{ $offer->status }}" data-platform="{{ $offer->platform }}">
                                @can('monitoring.offers.manage')
                                <td>
                                    <input
                                        type="checkbox"
                                        class="offers-bulk-item"
                                        name="offer_ids[]"
                                        value="{{ $offer->id }}"
                                        form="bulkDeleteOffersForm"
                                        aria-label="Selecionar oferta {{ $offer->id }}"
                                    >
                                </td>
                                @endcan
                                <td><small class="text-muted">{{ $offer->id }}</small></td>
                                <td>
                                    <span class="badge bg-light text-dark border">
                                        {{ Str::upper($offer->platform) }}
                                    </span>
                                </td>
                                <td>
                                    <div class="d-flex align-items-center gap-2">
                                        @if($offer->product_image_url)
                                        <img src="{{ $offer->imageUrlForDisplay() }}" alt="" width="40" height="40"
                                             style="object-fit:cover;border-radius:4px;" loading="lazy">
                                        @endif
                                        <div>
                                            <strong class="d-block">{{ Str::limit($offer->product_title ?? 'Sem título', 70) }}</strong>
                                            <small class="text-muted">Fonte: {{ $offer->source?->name ?? 'manual' }}</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    @if($offer->product_price)
                                        <strong class="text-success">R$ {{ number_format($offer->product_price, 2, ',', '.') }}</strong>
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td class="js-offer-status-cell">
                                    @include('admin.monitoring.offers.partials.table-status-cell', ['offer' => $offer])
                                </td>
                                <td>
                                    <small class="text-muted">{{ $offer->created_at->format('d/m/Y H:i') }}</small>
                                </td>
                                <td class="text-center js-offer-actions-cell">
                                    @include('admin.monitoring.offers.partials.table-actions-cell', ['offer' => $offer])
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="px-3 py-2">
                    {{ $offers->links() }}
                </div>
            @endif
        </div>
    </div>

</div>

@can('monitoring.offers.manage')
<div class="modal fade" id="shopeeManualModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-scrollable">
        <div class="modal-content">
            <form id="shopeeManualForm" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Preparar Oferta Shopee (manual)</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-2">
                        <label class="form-label">URL resolvida</label>
                        <div class="input-group">
                            <input type="url" class="form-control" id="resolvedUrlInput" name="resolved_url" required>
                            <button type="button" class="btn btn-outline-secondary js-copy" data-target="#resolvedUrlInput">Copiar</button>
                        </div>
                        <small class="text-muted d-block mt-1" id="resolvedUrlStatus">Resolva o link curto para validar se é produto.</small>
                    </div>
                    <div class="mb-2">
                        <label class="form-label">Sua URL de afiliado (manual)</label>
                        <div class="input-group">
                            <input type="url" class="form-control" id="affiliateUrlInput" name="affiliate_url" placeholder="https://shopee.com.br/..." required>
                            <button type="button" class="btn btn-outline-secondary js-copy" data-target="#affiliateUrlInput">Copiar</button>
                        </div>
                    </div>
                    <div class="row g-2">
                        <div class="col-md-8">
                            <label class="form-label">Título</label>
                            <input type="text" class="form-control" id="titleInput" name="title" required>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Preço</label>
                            <input type="number" class="form-control" step="0.01" min="0" id="priceInput" name="price">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Preço antigo</label>
                            <input type="number" class="form-control" step="0.01" min="0" id="oldPriceInput" name="old_price">
                        </div>
                    </div>
                    <div class="row g-2 mt-1">
                        <div class="col-md-6">
                            <label class="form-label">Imagem por URL</label>
                            <input type="url" class="form-control" id="imageUrlInput" name="image_url" placeholder="https://...">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">ou Upload da imagem</label>
                            <input type="file" class="form-control" name="image_file" accept="image/*">
                        </div>
                    </div>
                    <div class="mt-2">
                        <button type="button" class="btn btn-sm btn-outline-secondary" id="buildShopeeTextBtn">Gerar texto padrão</button>
                    </div>
                    <div class="mt-2">
                        <label class="form-label">Texto pronto (editável)</label>
                        <textarea class="form-control" rows="8" id="formattedTextInput" name="formatted_text" required></textarea>
                        <div class="d-flex gap-2 mt-2">
                            <button type="button" class="btn btn-outline-secondary btn-sm js-copy" data-target="#formattedTextInput">
                                Copiar texto para WhatsApp/Telegram
                            </button>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Fechar</button>
                    <button type="submit" class="btn btn-success" onclick="return confirm('Confirmar envio para a fila em processed_offers?')">
                        Confirmar e enviar para fila
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endcan
@endsection

@push('scripts')
<style>
/* Cards de métricas — ofertas processadas */
.offer-metric-card {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 1rem 1.1rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid transparent;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.offer-metric-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}
.offer-metric-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: #fff;
    flex-shrink: 0;
}
.offer-metric-icon--total { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.offer-metric-icon--ready { background: linear-gradient(135deg, #0d6efd 0%, #6ea8fe 100%); }
.offer-metric-icon--published { background: linear-gradient(135deg, #198754 0%, #20c997 100%); }
.offer-metric-icon--failed { background: linear-gradient(135deg, #dc3545 0%, #e35d6a 100%); }
.offer-metric-icon--ignored { background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%); }
.offer-metric-icon--shopee-pending { background: linear-gradient(135deg, #EE4D2D 0%, #FF6945 100%); }
.offer-metric-icon--ml { background: linear-gradient(135deg, #FFE600 0%, #FFF066 100%); color: #333 !important; }
.offer-metric-icon--amazon { background: linear-gradient(135deg, #FF9900 0%, #FFB84D 100%); }
.offer-metric-icon--shopee { background: linear-gradient(135deg, #EE4D2D 0%, #FF6945 100%); }
.offer-metric-body { min-width: 0; flex: 1; }
.offer-metric-value {
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--bs-body-color, #212529);
}
.offer-metric-label {
    font-size: 0.8rem;
    color: var(--bs-secondary-color, #6c757d);
    margin-top: 0.15rem;
}
.offer-metric-card--active-primary { border-color: #0d6efd !important; box-shadow: 0 0 0 1px #0d6efd33; }
.offer-metric-card--active-danger { border-color: #dc3545 !important; box-shadow: 0 0 0 1px #dc354533; }
.offer-metric-card--active-ml { border-color: #f5cc00 !important; box-shadow: 0 0 0 1px rgba(245, 204, 0, 0.35); }
.offer-metric-card--active-amazon { border-color: #ff9900 !important; box-shadow: 0 0 0 1px rgba(255, 153, 0, 0.35); }
.offer-metric-card--active-shopee { border-color: #ee4d2d !important; box-shadow: 0 0 0 1px rgba(238, 77, 45, 0.3); }

#shopeeManualModal .modal-content {
    max-height: calc(100vh - 2rem);
}
#shopeeManualModal .modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}
#shopeeManualModal .modal-footer {
    position: sticky;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #dee2e6;
    z-index: 2;
}
</style>
<script>
(() => {
    const liveCounts = {
        total: Number(@json($counts['total'])),
        ready: Number(@json($counts['ready'])),
        published: Number(@json($counts['published'])),
        fetch_failed: Number(@json($counts['fetch_failed'])),
        ignored: Number(@json($counts['ignored'])),
        shopee_pending: Number(@json($counts['shopee_pending'])),
        by_mercadolivre: Number(@json($counts['by_mercadolivre'])),
        by_amazon: Number(@json($counts['by_amazon'])),
        by_shopee: Number(@json($counts['by_shopee'])),
    };

    function renderCounts() {
        const map = {
            total: 'count-total',
            ready: 'count-ready',
            published: 'count-published',
            fetch_failed: 'count-fetch-failed',
            ignored: 'count-ignored',
            shopee_pending: 'count-shopee-pending',
            by_mercadolivre: 'count-by-ml',
            by_amazon: 'count-by-amazon',
            by_shopee: 'count-by-shopee',
        };
        Object.entries(map).forEach(([key, id]) => {
            const el = document.getElementById(id);
            if (el) {
                el.textContent = String(Math.max(0, Number(liveCounts[key] || 0)));
            }
        });
    }

    function applyOfferRemovalCounters(status, platform) {
        liveCounts.total = Math.max(0, liveCounts.total - 1);
        const plat = String(platform || '').toLowerCase();
        if (plat === 'mercadolivre') liveCounts.by_mercadolivre = Math.max(0, liveCounts.by_mercadolivre - 1);
        if (plat === 'amazon') liveCounts.by_amazon = Math.max(0, liveCounts.by_amazon - 1);
        if (plat === 'shopee') liveCounts.by_shopee = Math.max(0, liveCounts.by_shopee - 1);
        if (status === 'ready') liveCounts.ready = Math.max(0, liveCounts.ready - 1);
        if (status === 'published') liveCounts.published = Math.max(0, liveCounts.published - 1);
        if (status === 'fetch_failed') liveCounts.fetch_failed = Math.max(0, liveCounts.fetch_failed - 1);
        if (status === 'ignored') liveCounts.ignored = Math.max(0, liveCounts.ignored - 1);
        if (status === 'manual_review' && plat === 'shopee') {
            liveCounts.shopee_pending = Math.max(0, liveCounts.shopee_pending - 1);
        }
        renderCounts();
    }

    const modalEl = document.getElementById('shopeeManualModal');
    if (!modalEl) return;

    const footer = @json($shopeeFooter);
    const modal = new bootstrap.Modal(modalEl);
    const form = document.getElementById('shopeeManualForm');
    const resolved = document.getElementById('resolvedUrlInput');
    const affiliate = document.getElementById('affiliateUrlInput');
    const title = document.getElementById('titleInput');
    const price = document.getElementById('priceInput');
    const oldPrice = document.getElementById('oldPriceInput');
    const image = document.getElementById('imageUrlInput');
    const text = document.getElementById('formattedTextInput');
    const resolvedStatus = document.getElementById('resolvedUrlStatus');
    let currentCoupon = '';
    let sourceTelegramText = '';
    const resolveEndpoint = @json(route('admin.monitoring.offers.resolveShopee'));

    const toMoney = (v) => Number(v || 0).toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
    const strike = (raw) => String(raw).split('').map(c => c + '\u0336').join('');

    function buildTemplate() {
        const parsed = parseTelegramMessage(sourceTelegramText);
        const t = title.value.trim() || parsed.title || 'Produto Shopee';
        const p = Number(price.value || 0);
        const op = Number(oldPrice.value || 0);
        const link = affiliate.value.trim() || '[LINK_AFILIADO]';
        let out = `✅ ${t}\n\n`;

        if (op > p && p > 0) {
            const off = Math.round(((op - p) / op) * 100);
            out += `💰 De: ${strike('R$ ' + toMoney(op))}\n`;
            out += `🔥 Por: R$ ${toMoney(p)} (${off}% OFF)\n\n`;
        } else if (p > 0) {
            out += `🔥 Preço: R$ ${toMoney(p)}\n\n`;
        }

        if (currentCoupon) {
            out += `🎟️ Cupom: ${currentCoupon}\n\n`;
        }

        out += `👉 Compre aqui: ${link === '[LINK_AFILIADO]' ? '[link aqui]' : link}`;
        if (footer) {
            out += footer;
        }

        text.value = out;
    }

    function parsePrice(raw) {
        if (!raw) return 0;
        const normalized = String(raw).replace(/[^\d,.-]/g, '').replace(/\./g, '').replace(',', '.');
        const parsed = Number(normalized);
        return Number.isFinite(parsed) ? parsed : 0;
    }

    function cleanTitle(raw) {
        if (!raw) return '';
        return String(raw)
            .replace(/^[^\p{L}\p{N}]+/u, '')
            .replace(/\s+/g, ' ')
            .trim();
    }

    function isLikelySlogan(line) {
        const value = cleanTitle(line);
        if (!value) return true;

        const words = value.split(/\s+/).filter(Boolean);
        const lettersOnly = value.replace(/[^A-Za-zÀ-ÿ]/g, '');
        const uppercaseOnly = lettersOnly && lettersOnly === lettersOnly.toUpperCase();
        const hasProductHint = /\(shopee\)|\b\d+(?:[.,]\d+)?\s*(ml|l|kg|g|gb|btus?|w|v|cm|mm)\b/i.test(value);
        const hasPricePattern = /R\$\s*[0-9]/i.test(value);

        if (hasPricePattern) return true;
        if (hasProductHint) return false;
        if (uppercaseOnly && words.length <= 10) return true;
        if (value.endsWith('!') && words.length <= 10) return true;
        if (/^pra\b|^imperd[ií]vel\b|^aproveite\b|^corre\b|^aten[cç][aã]o\b/i.test(value)) return true;
        return false;
    }

    function pickBestProductLine(lines) {
        const candidates = lines
            .map((line) => cleanTitle(line))
            .filter((line) =>
                line &&
                !/^cupom[:\s]/i.test(line) &&
                !/^loja[:\s]/i.test(line) &&
                !/^pegar oferta[:\s]/i.test(line) &&
                !/^https?:\/\//i.test(line) &&
                !/R\$\s*[0-9]/i.test(line)
            );

        if (!candidates.length) return '';

        let best = '';
        let bestScore = -999;

        for (const line of candidates) {
            const words = line.split(/\s+/).filter(Boolean);
            const len = line.length;
            const hasLower = /[a-zà-ÿ]/.test(line);
            let score = 0;

            if (/\(shopee\)/i.test(line)) score += 6;
            if (words.length >= 4) score += 3;
            if (len >= 25) score += 2;
            if (len <= 170) score += 1;
            if (hasLower) score += 2;
            if (isLikelySlogan(line)) score -= 6;

            if (score > bestScore) {
                bestScore = score;
                best = line;
            }
        }

        return best || candidates[0];
    }

    function parseTelegramMessage(rawText) {
        const text = String(rawText || '');
        const lines = text.split('\n').map(v => v.trim()).filter(Boolean);
        const firstMeaningful = pickBestProductLine(lines);

        const porMatch = text.match(/(?:^|\n).*por\s*:\s*R\$\s*([0-9\.\,]+)/i);
        const deMatch = text.match(/(?:^|\n).*de\s*:\s*R\$\s*([0-9\.\,]+)/i);
        const vistaMatch = text.match(/(?:^|\n).*R\$\s*([0-9\.\,]+)\s*(?:a|à)\s*vista/i);
        const genericPriceMatch = text.match(/(?:^|\n).*R\$\s*([0-9\.\,]+)/i);
        const couponMatch = text.match(/cupom\s*:\s*([A-Z0-9\-_]{3,25})/i);

        let currentPrice = parsePrice(porMatch?.[1]);
        if (!currentPrice) {
            currentPrice = parsePrice(vistaMatch?.[1]);
        }
        if (!currentPrice) {
            currentPrice = parsePrice(genericPriceMatch?.[1]);
        }

        return {
            title: cleanTitle(firstMeaningful),
            price: currentPrice,
            oldPrice: parsePrice(deMatch?.[1]),
            coupon: (couponMatch?.[1] || '').toUpperCase(),
        };
    }

    function syncAffiliateIntoText() {
        const link = affiliate.value.trim();
        if (!link) return;
        text.value = text.value
            .replaceAll('[link aqui]', link)
            .replaceAll('[LINK_AQUI]', link)
            .replaceAll('[LINK_AFILIADO]', link);
    }

    async function resolveShopeeUrl(url) {
        resolvedStatus.textContent = 'Resolvendo link curto...';
        resolvedStatus.className = 'text-muted d-block mt-1';
        try {
            const full = `${resolveEndpoint}?url=${encodeURIComponent(url)}`;
            const resp = await fetch(full, { headers: { 'Accept': 'application/json' } });
            if (!resp.ok) throw new Error('Falha ao resolver URL');
            const data = await resp.json();
            resolved.value = data.resolved_url || url;

            if (data.is_product) {
                resolvedStatus.textContent = `Produto válido detectado (shop_id=${data.shop_id}, item_id=${data.item_id}).`;
                resolvedStatus.className = 'text-success d-block mt-1';
            } else {
                resolvedStatus.textContent = 'Atenção: link não parece ser página de produto.';
                resolvedStatus.className = 'text-danger d-block mt-1';
            }
        } catch (e) {
            resolved.value = url;
            resolvedStatus.textContent = 'Não foi possível resolver agora. Você pode ajustar manualmente.';
            resolvedStatus.className = 'text-warning d-block mt-1';
        }
    }

    document.querySelectorAll('.js-open-shopee-modal').forEach((btn) => {
        btn.addEventListener('click', async () => {
            form.action = btn.dataset.action;
            const originalUrl = btn.dataset.url || '';
            sourceTelegramText = (btn.dataset.text || '').trim();
            resolved.value = originalUrl;
            affiliate.value = '';
            const parsed = parseTelegramMessage(sourceTelegramText);
            const providedTitle = (btn.dataset.title || '').trim();
            const providedPrice = Number(btn.dataset.price || 0);
            const chosenTitle = (providedTitle && !isLikelySlogan(providedTitle))
                ? providedTitle
                : (parsed.title || providedTitle || 'Oferta Shopee');
            title.value = chosenTitle.substring(0, 500);
            price.value = providedPrice > 0 ? providedPrice : (parsed.price > 0 ? parsed.price : '');
            oldPrice.value = parsed.oldPrice > 0 ? parsed.oldPrice : '';
            image.value = btn.dataset.telegramImage || '';
            text.value = sourceTelegramText || '';
            currentCoupon = (btn.dataset.coupon || parsed.coupon || '').trim().toUpperCase();
            if (!text.value) {
                buildTemplate();
            }
            modal.show();
            await resolveShopeeUrl(originalUrl);
        });
    });

    document.getElementById('buildShopeeTextBtn')?.addEventListener('click', buildTemplate);
    affiliate.addEventListener('change', syncAffiliateIntoText);
    affiliate.addEventListener('blur', syncAffiliateIntoText);

    const offersBulkItems = Array.from(document.querySelectorAll('.offers-bulk-item'));
    const checkAllOffersHead = document.getElementById('checkAllOffersHead');
    const checkAllOffersBtn = document.getElementById('checkAllOffersBtn');
    const selectedOffersCount = document.getElementById('selectedOffersCount');
    const bulkDeleteOffersBtn = document.getElementById('bulkDeleteOffersBtn');

    function updateOffersBulkState() {
        if (!offersBulkItems.length || !selectedOffersCount || !bulkDeleteOffersBtn) {
            return;
        }

        const selected = offersBulkItems.filter((item) => item.checked).length;
        selectedOffersCount.textContent = String(selected);
        bulkDeleteOffersBtn.disabled = selected === 0;

        if (checkAllOffersHead) {
            checkAllOffersHead.checked = selected > 0 && selected === offersBulkItems.length;
            checkAllOffersHead.indeterminate = selected > 0 && selected < offersBulkItems.length;
        }
    }

    if (offersBulkItems.length) {
        offersBulkItems.forEach((item) => item.addEventListener('change', updateOffersBulkState));

        checkAllOffersHead?.addEventListener('change', () => {
            offersBulkItems.forEach((item) => {
                item.checked = !!checkAllOffersHead.checked;
            });
            updateOffersBulkState();
        });

        checkAllOffersBtn?.addEventListener('click', () => {
            const shouldCheckAll = offersBulkItems.some((item) => !item.checked);
            offersBulkItems.forEach((item) => {
                item.checked = shouldCheckAll;
            });
            updateOffersBulkState();
        });

        updateOffersBulkState();
    }

    function showInlineAlert(type, message) {
        const container = document.querySelector('.container-fluid.px-4.py-4');
        if (!container) return;

        const old = document.getElementById('js-inline-alert');
        if (old) old.remove();

        const div = document.createElement('div');
        div.id = 'js-inline-alert';
        div.className = `alert alert-${type} alert-dismissible fade show`;
        div.innerHTML = `
            ${message}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        `;
        container.insertBefore(div, container.firstChild.nextSibling);
    }

    function removeOfferRow(id) {
        const row = document.querySelector(`tr[data-offer-id="${id}"]`);
        if (row) {
            row.remove();
        }
    }

    function findOfferRowMeta(id) {
        const row = document.querySelector(`tr[data-offer-id="${id}"]`);
        if (!row) return null;
        return {
            status: row.dataset.status || '',
            platform: row.dataset.platform || '',
        };
    }

    async function postFormAjax(form) {
        const body = new FormData(form);
        const response = await fetch(form.action, {
            method: 'POST',
            body,
            headers: {
                'Accept': 'application/json',
                'X-Requested-With': 'XMLHttpRequest',
            },
        });
        const data = await response.json().catch(() => ({}));
        if (!response.ok) {
            throw new Error(data.message || 'Falha na operação');
        }
        return data;
    }

    const bulkOffersForm = document.getElementById('bulkDeleteOffersForm');
    bulkOffersForm?.addEventListener('submit', async (event) => {
        event.preventDefault();
        const confirmed = confirm('Excluir as ofertas selecionadas?');
        if (!confirmed) return;

        if (bulkDeleteOffersBtn) bulkDeleteOffersBtn.disabled = true;
        try {
            const data = await postFormAjax(bulkOffersForm);
            (data.deleted_ids || []).forEach((id) => {
                const meta = findOfferRowMeta(id);
                if (meta) {
                    applyOfferRemovalCounters(meta.status, meta.platform);
                } else {
                    liveCounts.total = Math.max(0, liveCounts.total - 1);
                    renderCounts();
                }
                removeOfferRow(id);
                const checkbox = document.querySelector(`.offers-bulk-item[value="${id}"]`);
                if (checkbox) checkbox.remove();
            });
            updateOffersBulkState();
            showInlineAlert('success', data.message || 'Ofertas excluídas com sucesso.');
        } catch (error) {
            showInlineAlert('danger', error.message || 'Falha ao excluir ofertas.');
            updateOffersBulkState();
        }
    });

    document.addEventListener('submit', async (event) => {
        const formEl = event.target.closest('.js-offer-delete-form');
        if (!formEl) return;
        event.preventDefault();
        const offerId = formEl.dataset.offerId;
        const button = formEl.querySelector('button[type="submit"]');
        if (button) button.disabled = true;
        try {
            const data = await postFormAjax(formEl);
            if (offerId) {
                const meta = findOfferRowMeta(offerId);
                if (meta) {
                    applyOfferRemovalCounters(meta.status, meta.platform);
                }
                removeOfferRow(offerId);
                const checkbox = document.querySelector(`.offers-bulk-item[value="${offerId}"]`);
                if (checkbox) checkbox.remove();
                updateOffersBulkState();
            }
            showInlineAlert('success', data.message || 'Oferta removida.');
        } catch (error) {
            showInlineAlert('danger', error.message || 'Falha ao remover oferta.');
            if (button) button.disabled = false;
        }
    });

    document.querySelectorAll('.js-copy').forEach((btn) => {
        const originalLabel = btn.textContent;
        btn.addEventListener('click', async () => {
            const target = document.querySelector(btn.dataset.target);
            if (!target) return;
            const value = target.value || target.textContent || '';
            if (!value) return;
            await navigator.clipboard.writeText(value);
            btn.textContent = 'Copiado!';
            setTimeout(() => btn.textContent = originalLabel, 1200);
        });
    });
})();
</script>
@endpush

@can('monitoring.offers.manage')
@push('scripts')
@include('admin.monitoring.offers.partials.retry-ajax-script')
@endpush
@endcan