@extends('site.layout')

@php
    use App\Support\ScreenshotGallery;

    $screens = array_map(
        fn (string $file) => [$file, ScreenshotGallery::title($file), ''],
        ScreenshotGallery::files()
    );

    $shotsJs = array_map(fn ($s) => [
        'img' => ScreenshotGallery::url($s[0]),
        'title' => $s[1],
        'detail' => $s[2],
        'file' => $s[0],
    ], $screens);

    $features = [
        ['👥', 'সদস্য ব্যবস্থাপনা', 'সদস্যের প্রোফাইল, ছবি ও তথ্য — সব এক জায়গায়।'],
        ['💰', 'সঞ্চয় জমা-উত্তোলন', 'সদস্যের সঞ্চয় এন্ট্রি এক ট্যাপে; ব্যালেন্স অটো হিসাব।'],
        ['🏦', 'DPS, FDR ও শেয়ার', 'মেয়াদি সঞ্চয়, স্থায়ী আমানত ও শেয়ারের হিসাব।'],
        ['🤝', 'লোন ও কিস্তি', 'লোন বিতরণ, কিস্তি আদায় ও বকেয়া ট্র্যাকিং।'],
        ['📒', 'ডাবল-এন্ট্রি হিসাব', 'আয়-ব্যয়, লেজার ও ব্যালেন্স — নির্ভুল হিসাব।'],
        ['📊', 'রিপোর্ট ও অ্যানালিটিক্স', 'আয়-ব্যয়, লাভ — চার্ট ও PDF রিপোর্টে।'],
    ];

    // Common somity problem → solution scenarios (generic; no invented
    // customers, names or numbers — each card is a typical situation).
    $testimonials = [
        ['icon' => '📒', 'name' => 'খাতার হিসাবে ভুল', 'quote' => 'সমস্যা: খাতায় সঞ্চয়ের হিসাব — যোগে ভুল, পাতা হারায়। সমাধান: প্রতিটি জমা-উত্তোলন অ্যাপে এন্ট্রি, ব্যালেন্স অটো হিসাব।'],
        ['icon' => '🤝', 'name' => 'লোনের কিস্তি ট্র্যাক করা কঠিন', 'quote' => 'সমস্যা: কে কত কিস্তি দিয়েছে, কত বাকি — মনে রাখা যায় না। সমাধান: লোন প্রোফাইলে কিস্তি ও বকেয়া এক নজরে।'],
        ['icon' => '💬', 'name' => 'সদস্যের সন্দেহ ও অবিশ্বাস', 'quote' => 'সমস্যা: সদস্য জানতে চান তাঁর জমা কত — প্রমাণ দেখানো কঠিন। সমাধান: প্রতিটি লেনদেনে SMS নিশ্চিতকরণ, হিসাব স্বচ্ছ।'],
        ['icon' => '🏦', 'name' => 'DPS ও FDR-এর আলাদা খাতা', 'quote' => 'সমস্যা: সঞ্চয়, DPS, FDR — তিনটা আলাদা খাতা মেলানো ঝামেলা। সমাধান: সব ধরনের আমানত এক অ্যাপে, সদস্য ধরে ধরে।'],
        ['icon' => '📊', 'name' => 'মাস শেষে হিসাব মেলে না', 'quote' => 'সমস্যা: আয়-ব্যয় মিলাতে কমিটির মিটিংয়ে ঘণ্টার পর ঘণ্টা। সমাধান: ডাবল-এন্ট্রি হিসাব ও PDF রিপোর্ট — এক ক্লিকে।'],
        ['icon' => '🧾', 'name' => 'রসিদ দেওয়ার ঝামেলা', 'quote' => 'সমস্যা: হাতে লেখা রসিদ — হারায়, নকল হয়। সমাধান: অ্যাপ থেকেই ডিজিটাল রসিদ তৈরি ও শেয়ার।'],
        ['icon' => '👥', 'name' => 'সদস্যের তথ্য ছড়ানো-ছিটানো', 'quote' => 'সমস্যা: সদস্যের নাম, ফোন, নমিনি — বিভিন্ন খাতায়। সমাধান: প্রতিটি সদস্যের প্রোফাইল ও তথ্য এক জায়গায়।'],
        ['icon' => '🔔', 'name' => 'কিস্তি আদায়ে দেরি', 'quote' => 'সমস্যা: কিস্তির দিন সদস্য ভুলে যান, আদায় পিছিয়ে যায়। সমাধান: SMS রিমাইন্ডার — সময়মতো মনে করিয়ে দেওয়া।'],
        ['icon' => '📱', 'name' => 'খাতা হারালে সব শেষ', 'quote' => 'সমস্যা: খাতা ভিজে গেলে বা হারালে হিসাব উদ্ধারের উপায় নেই। সমাধান: এনক্রিপ্টেড ক্লাউড ব্যাকআপ — নতুন ফোনে লগইন করলেই সব ফিরে আসে।'],
        ['icon' => '📈', 'name' => 'শেয়ারের হিসাব জটিল', 'quote' => 'সমস্যা: কোন সদস্যের কত শেয়ার — বছর শেষে হিসাব জট পাকায়। সমাধান: শেয়ারের হিসাব সদস্য ধরে ধরে অ্যাপে।'],
        ['icon' => '👤', 'name' => 'ক্যাশিয়ার বদলালে বিপদ', 'quote' => 'সমস্যা: হিসাবরক্ষক বদলালে আগের হিসাব বোঝা কঠিন। সমাধান: সব লেনদেনের ইতিহাস অ্যাপে — যে-ই দায়িত্ব নিন, হিসাব পরিষ্কার।'],
        ['icon' => '💳', 'name' => 'ফি পরিশোধের ঝামেলা', 'quote' => 'সমস্যা: সফটওয়্যারের বিল দিতে ব্যাংকে দৌড়াতে হয়। সমাধান: বিকাশ দিয়েই পরিশোধ — ঘরে বসে।'],
    ];

    $faqs = [
        ['শুরু করতে কী লাগবে?', 'মোবাইল নম্বর দিয়ে OTP ভেরিফাই করে ২–৩ মিনিটেই অ্যাকাউন্ট তৈরি হয়। সমিতির নাম ও সদস্য যোগ করে সেই দিন থেকেই সঞ্চয় এন্ট্রি শুরু করতে পারবেন।'],
        ['সদস্যের সঞ্চয়ের হিসাব কীভাবে রাখব?', 'প্রতিটি সদস্যের আলাদা প্রোফাইল থাকে। জমা বা উত্তোলন এন্ট্রি দিলেই ব্যালেন্স স্বয়ংক্রিয় আপডেট হয় — কে কত জমা দিয়েছেন, কবে তুলেছেন, সব ইতিহাস এক জায়গায় দেখা যায়।'],
        ['লোন দেওয়া ও কিস্তি আদায় কীভাবে কাজ করে?', 'সদস্যকে লোন দিলে অ্যাপে লোনের পরিমাণ ও কিস্তির হিসাব তৈরি হয়। প্রতিটি কিস্তি আদায়ের এন্ট্রি দিলে বকেয়া অটো হিসাব হয় — কার কত কিস্তি বাকি, এক নজরেই বোঝা যায়।'],
        ['DPS, FDR ও শেয়ারের হিসাব রাখা যাবে?', 'হ্যাঁ। সাধারণ সঞ্চয়ের পাশাপাশি DPS (মেয়াদি সঞ্চয়), FDR (স্থায়ী আমানত) ও শেয়ারের হিসাব আলাদা করে রাখা যায় — সদস্য ধরে ধরে, এক অ্যাকাউন্টেই।'],
        ['সদস্যরা কীভাবে জানবেন তাঁদের টাকা জমা হয়েছে?', 'লেনদেনের SMS নোটিফিকেশন চালু করলে জমা-উত্তোলনের খবর সদস্যের মোবাইলে চলে যায়। এতে হিসাব স্বচ্ছ থাকে, সদস্যের আস্থাও বাড়ে।'],
        ['ফি কীভাবে দেব — বিকাশ চলে?', 'হ্যাঁ, বিকাশে পরিশোধ করা যায়। ইনভয়েস অ্যাপেই পাবেন।'],
        ['ফোন হারালে বা ভেঙে গেলে হিসাব-তথ্য যাবে?', 'না। সব ডেটা এনক্রিপ্টেড ক্লাউডে ব্যাকআপ থাকে। নতুন ফোনে লগইন করলে আগের সব তথ্য ফিরে পাবেন। চাইলে PDF রিপোর্টও ডাউনলোড করে রাখতে পারেন।'],
        ['আমার সমিতির ডেটা কি নিরাপদ? অন্য কেউ দেখতে পাবে?', 'আপনার সমিতির হিসাব শুধু আপনার অ্যাকাউন্টেই — অন্য কোনো সমিতি বা ব্যবহারকারী তা দেখতে পান না। ডেটা এনক্রিপ্টেড অবস্থায় সংরক্ষিত হয়।'],
        ['হিসাব কি ডাবল-এন্ট্রি পদ্ধতিতে হয়?', 'হ্যাঁ। প্রতিটি লেনদেন ডাবল-এন্ট্রি পদ্ধতিতে লেজারে যায় — তাই আয়-ব্যয়, ব্যালেন্স ও রিপোর্ট সবসময় মিলে যায়। হিসাবরক্ষার আলাদা প্রশিক্ষণ লাগে না।'],
    ];
@endphp

@push('jsonld')
<script type="application/ld+json">
{!! json_encode([
    '@context' => 'https://schema.org',
    '@type' => 'SoftwareApplication',
    'name' => 'সমিতি কিপার লাইট',
    'operatingSystem' => 'Android',
    'applicationCategory' => 'BusinessApplication',
    'description' => 'সমবায় সমিতির সদস্য, সঞ্চয়, DPS, FDR, শেয়ার, লোন ও আয়-ব্যয়ের হিসাব ব্যবস্থাপনা অ্যাপ — বাংলায়।',
    'inLanguage' => 'bn-BD',
], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) !!}
</script>
<script type="application/ld+json">
{!! json_encode([
    '@context' => 'https://schema.org',
    '@type' => 'FAQPage',
    'mainEntity' => array_map(fn ($f) => [
        '@type' => 'Question', 'name' => $f[0],
        'acceptedAnswer' => ['@type' => 'Answer', 'text' => $f[1]],
    ], $faqs),
], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) !!}
</script>
@endpush

@push('head')
    @include('site._landing-styles')
@endpush

@section('body-class', 'landing-page')

@section('content')
    @include('site._sections.hero')
    @include('site._sections.stats')
    @include('site._sections.quick-features')
    @include('site._sections.features')
    @include('site._sections.screenshots')
    @include('site._sections.gps')
    @include('site._sections.case-studies')
    @include('site._sections.bottom')
@endsection

@push('scripts')
<script>
    var SHOTS = @json($shotsJs);
    var lbIndex = 0, lb = document.getElementById('lb');
    function renderLb(){
        var s = SHOTS[lbIndex];
        var imgEl = document.getElementById('lb-img');
        imgEl.src = s.img;
        imgEl.style.display = '';
        imgEl.alt = s.title;
        document.getElementById('lb-title').textContent = s.title;
        document.getElementById('lb-detail').textContent = s.detail || '';
    }
    function openLb(i){
        lbIndex = i; renderLb(); lb.classList.add('open');
        document.body.style.overflow = 'hidden';
        document.getElementById('screens-marquee')?.classList.add('is-paused');
    }
    function closeLb(){
        lb.classList.remove('open'); document.body.style.overflow = '';
        document.getElementById('screens-marquee')?.classList.remove('is-paused');
    }
    function stepLb(d){ lbIndex = (lbIndex + d + SHOTS.length) % SHOTS.length; renderLb(); }
    lb.addEventListener('click', function(e){ if (e.target === lb) closeLb(); });
    document.addEventListener('keydown', function(e){
        if (!lb.classList.contains('open')) return;
        if (e.key === 'Escape') closeLb();
        if (e.key === 'ArrowRight') stepLb(1);
        if (e.key === 'ArrowLeft') stepLb(-1);
    });
</script>
@endpush