@extends('layouts.app')

@section('content')
    {{-- Sub Hero --}}
    <section class="sub-hero">
        <div class="container">
            <div class="sub-hero-in">
                <h1>
                    Thank you for showing interest and filling up the form. <br />
                    Our team will connect with you shortly.
                </h1>
                <p class="mt-3">
                    Redirecting to WhatsApp in
                    <strong><span id="wa-countdown">5</span>s</strong>…
                </p>
                <div class="mt-2 small text-muted">If you aren’t redirected, use the button below.</div>
            </div>
        </div>
    </section>

    {{-- Thank You --}}
    @include('shared.thank-you-feature')
@endsection

@php
    // Build data in PHP first to avoid Blade JSON parsing issues
    $lead = session('lead');
    if (!$lead) {
        $lead = [
            'name' => request('name'),
            'purpose' => request('purpose') ?: 'Personal',
            'amount' => request('amount'),
            'income' => request('income'),
            'emp' => request('employment'),
            'state' => request('state'),
            'city' => request('city'),
            'pincode' => request('pincode'),
            'phone' => request('phone'),
            'email' => request('email'),
            'pan' => request('pan'),
            'aadhaar' => request('aadhaar'),
        ];
    }

    $assignee = session('assignee');
    if (!$assignee) {
        $assignee = [
            'name' => request('salesman_name', 'Loan Advisor'),
            'phone' => request('salesman_phone', '919660771216'),
        ];
    }
@endphp

@push('scripts')
    <script>
        (function() {
            const lead = @json($lead ?? []);
            const assignee = @json($assignee ?? []);

            function digits(s) {
                return (s || '').replace(/\D+/g, '');
            }

            function normalizeIN(phone) {
                let d = digits(phone);
                if (!d) return '';
                if (d.length === 11 && d.startsWith('0')) d = d.slice(1);
                if (d.length === 10) d = '91' + d;
                return d; // wa.me wants no '+'
            }

            function maskAadhaar(a) {
                if (!a) return '-';
                const d = digits(a);
                if (d.length < 4) return '••••';
                return d.replace(/\d(?=\d{4})/g, '•');
            }

            function fmtINR(n) {
                if (!n) return '-';
                const num = String(n).replace(/\D/g, '');
                return '₹' + num.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
            }

            const userName = (lead.name || '').toString().trim() || 'Applicant';
            const purpose = (lead.purpose || 'Personal').toString().trim();

            const lines = [
                'Hi Team,',
                '',
                `My name is ${userName} and I have applied for ${purpose} Loan and below is loan application details`,
                '',
                `• Loan Amount: ${fmtINR(lead.amount)}`,
                `• Monthly Income: ${fmtINR(lead.income)}`,
                `• Employment Type: ${lead.emp || '-'}`,
                `• Location: ${lead.city || '-'}, ${lead.state || '-'} - ${lead.pincode || '-'}`,
                `• Phone: ${lead.phone || '-'}`,
                `• Email: ${lead.email || '-'}`,
                `• PAN: ${lead.pan || '-'}`,
                `• Aadhaar: ${maskAadhaar(lead.aadhaar)}`,
                '',
                'Please process my loan and send me details of required document',
                '',
                'Thank You',
                userName
            ];

            const waPhone = normalizeIN(assignee.phone || '919660771216');
            const waText = encodeURIComponent(lines.join('\n'));
            const waUrl = waPhone ? `https://wa.me/${waPhone}?text=${waText}` : null;

            const hero = document.querySelector('.sub-hero-in');
            if (hero) {
                const info = document.createElement('p');
                info.className = 'mt-3';
                // info.innerHTML = 'Redirecting to WhatsApp in <strong><span id="wa-countdown">5</span>s</strong>…';
                hero.appendChild(info);

                const btnWrap = document.createElement('div');
                btnWrap.className = 'mt-2 d-flex justify-content-center';

                const btn = document.createElement('a');
                btn.className = 'cmn-btn cmn-btn-2';
                btn.style.width = 'fit-content';
                btn.setAttribute('aria-label', 'Open WhatsApp Now');
                btn.innerHTML =
                    '<div class="btn-overlay"></div><span>Connect On WhatsApp Now</span><i class="fa-regular fa-arrow-right-long"></i>';
                btn.href = waUrl || 'javascript:void(0)';

                btnWrap.appendChild(btn);
                hero.appendChild(btnWrap);
            }

            // 5s countdown + redirect
            let secs = 5;
            const out = document.getElementById('wa-countdown');
            (function tick() {
                if (out) out.textContent = String(secs);
                if (secs <= 0) {
                    if (waUrl) window.location.href = waUrl;
                    return;
                }
                secs -= 1;
                setTimeout(tick, 1000);
            })();
        })();
    </script>
@endpush