@extends('layouts.app')

@section('title', App\Models\SiteSetting::getValue('site_name', 'Texora - Business Registration & Tax Filing in Pakistan'))
@section('meta_description', 'Register your company, file FBR tax returns, get NTN, Sales Tax, and Trademark in Pakistan.')

@section('content')
@php
    $waNum = App\Models\SiteSetting::getValue('whatsapp_number', '923001234567');
    $services = App\Models\Service::with(['category', 'packages' => fn($q) => $q->where('is_active', true)->orderBy('sort_order')])
        ->where('is_active', true)
        ->orderBy('sort_order')
        ->take(5)
        ->get();
    $internationalServices = App\Models\Service::with(['category', 'packages' => fn($q) => $q->where('is_active', true)->orderBy('sort_order')])
        ->where('is_active', true)
        ->whereHas('category', fn($q) => $q->where('slug', 'international'))
        ->orderBy('sort_order')
        ->take(2)
        ->get();
    $latestBlogs = App\Models\BlogPost::with('category')
        ->where('is_published', true)
        ->latest('published_at')
        ->take(3)
        ->get();
    $pakistanNavServices = App\Models\Service::where('is_active', true)
        ->whereHas('category', fn($q) => $q->where('slug', 'pakistan'))
        ->orderBy('sort_order')
        ->get();
    $internationalNavServices = App\Models\Service::where('is_active', true)
        ->whereHas('category', fn($q) => $q->where('slug', 'international'))
        ->orderBy('sort_order')
        ->get();

    if ($services->isEmpty()) {
        $services = collect([
            (object)['name' => 'NTN Registration', 'slug' => 'ntn-registration', 'short_description' => 'Fastest IRIS setup and NTN certificate issuance for all entities.', 'packages' => collect([(object)['formatted_price' => '1,500 PKR']])],
            (object)['name' => 'Tax Filing Services', 'slug' => 'income-tax-filing', 'short_description' => 'Annual Income Tax Return and Wealth Statement filing by experts.', 'packages' => collect([(object)['formatted_price' => '3,500 PKR']])],
            (object)['name' => 'Sales Tax (STRN)', 'slug' => 'sales-tax-registration', 'short_description' => 'FBR STRN registration and monthly filing engine.', 'packages' => collect([(object)['formatted_price' => '18,000 PKR']])],
            (object)['name' => 'PST Registration', 'slug' => 'pst-registration', 'short_description' => 'Provincial sales tax registration for SRB, PRA, BRA, and KPRA.', 'packages' => collect([(object)['formatted_price' => '15,000 PKR']])],
            (object)['name' => 'Company Registration', 'slug' => 'company-registration', 'short_description' => 'SECP registration for Private Limited, SMC, and Partnerships.', 'packages' => collect([(object)['formatted_price' => '25,000 PKR']])],
        ]);
    }

    if ($internationalServices->isEmpty()) {
        $internationalServices = collect([
            (object)['name' => 'USA LLC Registration', 'slug' => 'usa-llc-formation', 'short_description' => 'Form your USA LLC from Pakistan with EIN, operating agreement, and banking guidance.', 'packages' => collect([(object)['formatted_price' => 'From $299']])],
            (object)['name' => 'UK LTD Registration', 'slug' => 'uk-company-formation', 'short_description' => 'Register a UK Limited Company with Companies House, address, and payment setup support.', 'packages' => collect([(object)['formatted_price' => 'From £199']])],
        ]);
    }

    $services = $services->values();
    $internationalServices = $internationalServices->values();
    $serviceCount = max($services->count(), 1);
    $visualNotes = [
        ['IRIS profile', 'NTN certificate', 'Secure credentials'],
        ['Return filed', 'Wealth statement', 'Active filer'],
        ['STRN issued', 'Monthly filing', 'Input tax ready'],
        ['Province selected', 'Portal setup', 'Return calendar'],
        ['Name reserved', 'SECP filing', 'Certificate issued'],
    ];

    $specializations = [
        ['Company Registration', 'SECP / FBR setup', 'From PKR 14,500'],
        ['Income Tax Filing', 'Individuals & corporate returns', 'From PKR 2,500'],
        ['NTN Registration', 'IRIS profile and filer setup', 'From PKR 1,500'],
        ['Sales Tax / GST', 'Federal and provincial tax', 'From PKR 8,500'],
        ['Trademark Protection', 'IPO Pakistan filing', 'From PKR 12,000'],
    ];

    $intlFeatures = [
        ['LLC / LTD formation', 'Tax number guidance', 'Banking and Stripe support'],
        ['Companies House filing', 'Registered office options', 'Payment account assistance'],
    ];
@endphp

<main class="tj-page" data-tj-home>
    <section class="tj-hero" id="hero">
        <div class="tj-topline">
            <span>TEXORA COMPLIANCE</span>
            <span class="tj-clock">05:01:07 PST</span>
            <span class="tj-open"><i></i> Open for work</span>
        </div>

        <div class="tj-hero-copy">
            <h1>
                <span>Build your</span>
                <span>business. Stay</span>
                <span>legal. Grow</span>
                <span>with confidence.</span>
            </h1>
            <p>Texora helps founders and teams handle registration, tax, and compliance in one place, without the confusion or back-and-forth.</p>
        </div>

        <div class="tj-floating-cta">
            <a href="{{ route('register') }}" class="tj-cta-primary">Start Registration <span>&rarr;</span></a>
            <a href="https://wa.me/{{ $waNum }}" target="_blank" class="tj-cta-secondary">Talk to an Expert</a>
        </div>

        <div class="tj-mini-menu">
            <button type="button" aria-label="Close menu">&times;</button>
            <a href="#services">Work</a>
            <a href="#trust">Play</a>
            <a href="{{ route('about') }}">About</a>
            <a href="#specialization">Resume</a>
        </div>
    </section>

    <section class="tj-blue-panel" id="trust" data-tj-section>
        <div class="tj-blue-copy">
            <p>Why businesses trust us</p>
            <h2>We handle the complexity. You stay focused on <em>growth.</em></h2>
            <span>From registrations to compliance, we simplify every legal step so you can move faster with confidence.</span>
            <div class="tj-stats">
                <strong>500+<small>Businesses Served</small></strong>
                <strong>1-3 Days<small>Average Turnaround</small></strong>
                <strong>99%<small>Client Satisfaction</small></strong>
            </div>
        </div>
        <div class="tj-blue-cards">
            <article><b>Accurate Filing</b><span>Applications prepared and checked before submission.</span></article>
            <article><b>Fully Compliant</b><span>Aligned with FBR, SECP, and relevant authority rules.</span></article>
            <article><b>Dedicated Expert</b><span>One named specialist handles your case from start to finish.</span></article>
            <article><b>Secure & Confidential</b><span>Your documents are handled with care and privacy.</span></article>
        </div>
    </section>

    <section class="tj-specialization" id="specialization" data-tj-section>
        <div class="tj-spec-head">
            <span>Our</span>
            <h2>specialization</h2>
        </div>
        <div class="tj-spec-table">
            @foreach($specializations as $row)
                <div>
                    <strong>{{ $row[0] }}</strong>
                    <span>{{ $row[1] }}</span>
                    <em>{{ $row[2] }}</em>
                </div>
            @endforeach
        </div>
        <a href="#services" class="tj-blue-button">View Services &rarr;</a>
    </section>

    <section class="tj-services tj-services--pinned" id="services" data-tj-section data-sticky-services style="--service-count: {{ $serviceCount }};">
        <div class="tj-services-track">
            <div class="tj-services-sticky">
                <div class="tj-services-heading">
                    <div class="tj-section-kicker">I make compliance feel</div>
                    <h2>Services<span>.</span></h2>
                </div>

                <div class="tj-services-presenter">
                    <div class="tj-service-content">
                        @foreach($services as $i => $service)
                            @php
                                $price = optional($service->packages->first())->formatted_price ?? 'Custom quote';
                                $desc = $service->short_description ?: Illuminate\Support\Str::limit(strip_tags($service->description ?? 'Expert business registration and tax compliance support.'), 155);
                            @endphp
                            <article class="tj-service-slide{{ $i === 0 ? ' is-active' : '' }}" data-service-slide="{{ $i }}" role="link" tabindex="0" data-href="{{ route('services.show', $service->slug) }}">
                                <small>{{ str_pad($i + 1, 2, '0', STR_PAD_LEFT) }}</small>
                                <h3>{{ $service->name }}</h3>
                                <p>{{ $desc }}</p>
                                <dl>
                                    <dt>Starting at</dt><dd>{{ $price }}</dd>
                                    <dt>Timeline</dt><dd>Fast expert handling</dd>
                                </dl>
                                <a href="{{ route('services.show', $service->slug) }}" class="tj-case-link">Explore &rarr;</a>
                            </article>
                        @endforeach
                    </div>

                    <div class="tj-service-demo">
                        <div class="tj-service-tabs">
                            @foreach($services as $i => $service)
                                <button type="button" class="{{ $i === 0 ? 'is-active' : '' }}" data-service-tab="{{ $i }}">{{ str_pad($i + 1, 2, '0', STR_PAD_LEFT) }}</button>
                            @endforeach
                        </div>

                        @foreach($services as $i => $service)
                            <div class="tj-demo-panel{{ $i === 0 ? ' is-active' : '' }}" data-service-demo="{{ $i }}" role="link" tabindex="0" data-href="{{ route('services.show', $service->slug) }}">
                                <span>{{ str_pad($i + 1, 2, '0', STR_PAD_LEFT) }}</span>
                                <b>{{ $service->name }}</b>
                                <div class="tj-demo-window">
                                    <i></i><i></i><i></i>
                                    <strong></strong>
                                </div>
                                <div class="tj-demo-notes">
                                    @foreach($visualNotes[$i] ?? $visualNotes[0] as $note)
                                        <p>{{ $note }}</p>
                                    @endforeach
                                </div>
                                <div class="tj-demo-progress"><i></i></div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="tj-international" id="international" data-tj-section>
        <div class="tj-intro">
            <span>International Business</span>
            <h2>Expand your business <em>globally.</em></h2>
            <p>Texora helps Pakistani founders set up international entities for payments, credibility, and cross-border growth.</p>
        </div>

        <div class="tj-international-grid">
            @foreach($internationalServices as $i => $service)
                @php
                    $price = optional($service->packages->first())->formatted_price ?? ($i === 0 ? 'From $299' : 'From £199');
                    $desc = $service->short_description ?: Illuminate\Support\Str::limit(strip_tags($service->description ?? 'International company registration with expert setup support.'), 145);
                    $isUsa = Illuminate\Support\Str::contains(Illuminate\Support\Str::lower($service->name), ['usa', 'us', 'llc']);
                    $features = $intlFeatures[$i] ?? $intlFeatures[0];
                @endphp
                <article class="tj-international-card">
                    <div class="tj-int-card-top">
                        <span>{{ $isUsa ? 'USA' : 'UK' }}</span>
                        <em>{{ $isUsa ? 'USD' : 'GBP' }}</em>
                    </div>
                    <h3>{{ $service->name }}</h3>
                    <p>{{ $desc }}</p>
                    <ul>
                        @foreach($features as $feature)
                            <li>{{ $feature }}</li>
                        @endforeach
                    </ul>
                    <div class="tj-int-card-foot">
                        <strong>{{ $price }}</strong>
                        <a href="{{ route('services.show', $service->slug) }}">Start {{ $isUsa ? 'USA' : 'UK' }} Registration &rarr;</a>
                    </div>
                </article>
            @endforeach
        </div>
    </section>

    <section class="tj-testimonials" data-tj-section>
        <h2>Apparently, I&apos;m <em>fun</em><br>to work with!</h2>
        <div class="tj-quotes">
            <article><p>Texora made the registration process clear, fast, and genuinely stress-free.</p><span>Founder, Logistics Business</span></article>
            <article><p>They handled NTN, filing, and follow-up without making us chase updates.</p><span>Agency Owner</span></article>
            <article><p>The compliance guidance helped us move with confidence instead of guessing.</p><span>Startup Client</span></article>
        </div>
    </section>

    <section class="tj-blogs" id="blog" data-tj-section>
        <div class="tj-blogs-head">
            <span>Original Texora posts</span>
            <h2>Latest <em>insights.</em></h2>
            <a href="{{ route('blog.index') }}">View all &rarr;</a>
        </div>
        <div class="tj-blog-grid">
            @forelse($latestBlogs as $blog)
                <a href="{{ route('blog.show', $blog->slug) }}" class="tj-blog-card">
                    <div class="tj-blog-media">
                        @if($blog->featured_image)
                            <img src="{{ asset('storage/' . $blog->featured_image) }}" alt="{{ $blog->title }}">
                        @else
                            <span>{{ $blog->category?->name ?? 'Texora' }}</span>
                        @endif
                    </div>
                    <small>{{ $blog->category?->name ?? 'Update' }} / {{ optional($blog->published_at)->format('M d, Y') ?? 'Texora' }}</small>
                    <h3>{{ $blog->title }}</h3>
                    <p>{{ $blog->excerpt ?? Illuminate\Support\Str::limit(strip_tags($blog->content), 120) }}</p>
                </a>
            @empty
                <article class="tj-blog-card">
                    <div class="tj-blog-media"><span>Texora</span></div>
                    <small>Knowledge Base</small>
                    <h3>Compliance insights will appear here.</h3>
                    <p>Publish blog posts from the Texora admin and they will use this same homepage styling automatically.</p>
                </article>
            @endforelse
        </div>
    </section>

    <section class="tj-final" data-tj-section>
        <p>Still here?</p>
        <h2>Work with <em>Texora.</em></h2>
        <div>
            <a href="https://wa.me/{{ $waNum }}" target="_blank">WhatsApp</a>
            <a href="{{ route('register') }}">Start Registration</a>
            <a href="{{ route('consultation') }}">Consultation</a>
        </div>
    </section>
</main>
@endsection