@extends('site.layout')

@section('title', 'অ্যাপ ডাউনলোড — সমিতি কিপার লাইট')
@section('description', 'সমিতি কিপার লাইট Android অ্যাপ শীঘ্রই আসছে — সদস্য, সঞ্চয়, DPS, লোন ও হিসাব ব্যবস্থাপনার বাংলা অ্যাপ।')
@section('canonical', route('site.download'))

@php
    $nav = 'download';
    $apkSizeMb = isset($apkSize) && $apkSize ? max(1, (int) round($apkSize / 1024 / 1024)) : null;
    $apkUpdated = isset($apkUpdatedAt) && $apkUpdatedAt ? \Illuminate\Support\Carbon::createFromTimestamp($apkUpdatedAt) : null;
@endphp

@push('jsonld')
<script type="application/ld+json">
{!! json_encode([
    '@context'=>'https://schema.org','@type'=>'BreadcrumbList','itemListElement'=>[
        ['@type'=>'ListItem','position'=>1,'name'=>'হোম','item'=>url('/')],
        ['@type'=>'ListItem','position'=>2,'name'=>'অ্যাপ ডাউনলোড','item'=>route('site.download')],
    ],
], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) !!}
</script>
@endpush

@push('head')
<style>
    .dl-hero{padding:18px 0 48px;background:var(--bg-soft)}
    .dl-card{
        margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
        padding:32px 28px;box-shadow:var(--shadow);text-align:center;
    }
    .dl-card .dl-logo{
        height:56px;width:auto;max-width:min(280px,85vw);margin:0 auto 16px;
        display:block;object-fit:contain;
    }
    .dl-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 24px}
    .dl-meta span{
        display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-soft);
        border:1px solid var(--line);border-radius:999px;padding:.45rem .95rem;
        font-size:.92rem;color:var(--muted);
    }
    .dl-soon{
        margin-top:16px;padding:18px 20px;border-radius:14px;background:var(--bg-soft);
        border:1px dashed var(--line);color:var(--ink);font-size:1rem;text-align:center;
    }
    .dl-soon strong{display:block;font-size:1.2rem;margin-bottom:6px}
</style>
@endpush

@section('content')
<section class="dl-hero">
    <div class="wrap">
        <div class="breadcrumb"><a href="{{ url('/') }}">হোম</a> / অ্যাপ ডাউনলোড</div>
        <div class="center" style="padding:36px 0 8px">
            <span class="eyebrow">Android অ্যাপ</span>
            <h1 style="font-size:2.6rem;font-weight:700;margin:10px 0">সমিতি কিপার লাইট অ্যাপ</h1>
            <p class="lead" style="margin:0 auto">সদস্য, সঞ্চয়, DPS, FDR, শেয়ার, লোন ও হিসাব — সমিতির পুরো ব্যবস্থাপনা এক বাংলা অ্যাপে।</p>
        </div>

        <div class="dl-card reveal">
            <img src="{{ asset('logo/logo.png') }}" alt="সমিতি কিপার লাইট" class="dl-logo" width="220" height="55">
            <h2 style="font-size:1.5rem;font-weight:700">সমিতি কিপার লাইট — Android</h2>
            <p style="color:var(--muted);margin-top:6px">সমবায় সমিতির সঞ্চয়, লোন ও আয়-ব্যয়ের হিসাব — পুরো অ্যাপ বাংলায়</p>
            @if (!empty($apkUrl))
                <div class="dl-meta">
                    @if ($apkSizeMb)
                        <span>📦 ফাইল সাইজ: ~{{ bn_num($apkSizeMb) }} MB</span>
                    @endif
                    <span>🤖 Android 6.0+ (Marshmallow বা নতুন)</span>
                    @if ($apkUpdated)
                        <span>🕒 সর্বশেষ আপডেট: {{ bn_num($apkUpdated->format('d/m/Y')) }}</span>
                    @endif
                </div>
                <a href="{{ $apkUrl }}" class="btn btn-primary" style="font-size:1.08rem;padding:1rem 1.8rem" download="sk_lite.apk">
                    📲 APK ডাউনলোড করুন
                </a>
            @else
                <div class="dl-soon">
                    <strong>🚀 অ্যাপ শীঘ্রই আসছে</strong>
                    মোবাইল অ্যাপটি এখনো প্রকাশিত হয়নি। প্রকাশের সাথে সাথেই এই পেজে ডাউনলোড লিংক পাওয়া যাবে। ততদিন যেকোনো প্রশ্নে <a href="{{ route('site.contact') }}" style="color:var(--accent-d);font-weight:600;text-decoration:underline">যোগাযোগ করুন</a>।
                </div>
            @endif
        </div>
    </div>
</section>

<section class="section" style="padding-top:0;margin-top:48px">
    <div class="wrap">
        <div class="cta">
            <h2>অ্যাপ এলেই জানতে চান?</h2>
            <p>আমাদের সাথে যোগাযোগ করে রাখুন — অ্যাপ প্রকাশ হলে আমরা জানিয়ে দেব।</p>
            <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap">
                <a href="{{ route('site.contact') }}" class="btn btn-primary">✉️ যোগাযোগ করুন</a>
                <a href="{{ route('site.features') }}" class="btn btn-ghost">ফিচার দেখুন</a>
            </div>
        </div>
    </div>
</section>
@endsection