@extends('layouts.app')

@section('title', app()->getLocale() === 'bn' ? 'সানফ্লাওয়ার লাইফ | আপনার আগামীর সুরক্ষা' : 'Sunflower Life | Protecting Your Tomorrow')

@section('content')
@php($bn = app()->getLocale() === 'bn')
<section class="hero-section" id="home">
    <div class="hero-orb orb-one"></div><div class="hero-orb orb-two"></div>
    <div class="container position-relative">
        <div class="row align-items-center min-vh-hero g-5">
            <div class="col-lg-7">
                <span class="eyebrow"><i class="bi bi-shield-check me-2"></i>{{ $bn ? 'বিশ্বাস ও সুরক্ষার অঙ্গীকার' : 'A commitment to trust and protection' }}</span>
                <h1>{{ $bn ? 'নিরাপদ আগামীর পরিকল্পনা শুরু হোক আজই' : 'A more secure tomorrow starts today.' }}</h1>
                <p class="hero-lead">{{ $bn ? 'আপনার ও আপনার পরিবারের ভবিষ্যৎ পরিকল্পনায় জীবন বীমা সম্পর্কে জানুন।' : 'Explore life insurance solutions and take a thoughtful step towards your family’s financial future.' }}</p>
                <div class="d-flex flex-wrap gap-3 mt-4">
                    <a class="btn btn-gold btn-lg" href="#products">{{ $bn ? 'বীমা পরিকল্পনা দেখুন' : 'Explore Insurance Plans' }} <i class="bi bi-arrow-right ms-2"></i></a>
                    <a class="btn btn-outline-light btn-lg" href="#about">{{ $bn ? 'আরও জানুন' : 'Learn More' }}</a>
                </div>
                <div class="hero-trust mt-5">
                    <div><strong><i class="bi bi-heart-pulse"></i></strong><span>{{ $bn ? 'পরিবারের সুরক্ষা' : 'Family protection' }}</span></div>
                    <div><strong><i class="bi bi-calendar2-check"></i></strong><span>{{ $bn ? 'দীর্ঘমেয়াদি পরিকল্পনা' : 'Long-term planning' }}</span></div>
                    <div><strong><i class="bi bi-people"></i></strong><span>{{ $bn ? 'গ্রাহকসেবা' : 'Customer service' }}</span></div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="hero-visual">
                    <div class="visual-circle circle-back"></div>
                    <div class="visual-circle circle-front"></div>
                    <div class="family-card">
                        <div class="family-icon"><i class="bi bi-house-heart"></i></div>
                        <span class="family-card-label">{{ $bn ? 'আপনার পরিবারের জন্য' : 'For your family' }}</span>
                        <strong>{{ $bn ? 'আগামীর প্রতি আস্থা' : 'Confidence for tomorrow' }}</strong>
                        <div class="family-lines"><span></span><span></span><span></span></div>
                        <div class="family-footer"><i class="bi bi-shield-fill-check"></i> SUNFLOWER LIFE</div>
                    </div>
                    <div class="floating-note"><i class="bi bi-flower1"></i><span>{{ $bn ? 'সুরক্ষা • পরিকল্পনা • আস্থা' : 'Protection • Planning • Trust' }}</span></div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="notice-strip" id="notices">
    <div class="container d-flex align-items-center gap-3">
        <span class="notice-label"><i class="bi bi-megaphone me-2"></i>{{ $bn ? 'নোটিশ' : 'LATEST NOTICE' }}</span>
        <div class="notice-content flex-grow-1">
            @forelse($notices as $notice)
                <span>{{ $bn && $notice->title_bn ? $notice->title_bn : $notice->title_en }}</span>
                @if(!$loop->last)<span class="notice-dot">•</span>@endif
            @empty
                <span>{{ $bn ? 'সর্বশেষ নোটিশ এখানে প্রকাশিত হবে।' : 'Latest company notices will appear here.' }}</span>
            @endforelse
        </div>
        <a href="#contact" class="notice-link d-none d-md-inline">{{ $bn ? 'যোগাযোগ' : 'Contact' }} <i class="bi bi-arrow-up-right"></i></a>
    </div>
</section>

<section class="section-padding" id="about">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <div class="about-art">
                    <div class="about-art-main"><i class="bi bi-flower1"></i><span>SUNFLOWER<br><b>LIFE</b></span></div>
                    <div class="about-art-caption"><i class="bi bi-shield-check"></i><span>{{ $bn ? 'আপনার আস্থাই আমাদের অগ্রাধিকার' : 'Your trust is our priority' }}</span></div>
                </div>
            </div>
            <div class="col-lg-6">
                <span class="section-kicker">{{ $bn ? 'আমাদের সম্পর্কে' : 'WHO WE ARE' }}</span>
                <h2 class="section-title">{{ $bn ? 'জীবনের প্রতিটি ধাপে আপনার পাশে' : 'Standing beside you through life’s milestones.' }}</h2>
                <p class="section-text">{{ $bn ? 'সানফ্লাওয়ার লাইফ ইন্স্যুরেন্স সম্পর্কে কোম্পানির অনুমোদিত পরিচিতি, লক্ষ্য, উদ্দেশ্য ও সেবার তথ্য এখানে প্রকাশ করা হবে।' : 'This section will introduce Sunflower Life Insurance Company Ltd., its approved corporate profile, purpose, values and commitment to policyholders.' }}</p>
                <p class="section-text">{{ $bn ? 'গ্রাহকদের সঠিক তথ্য ও মানসম্মত সেবা দেওয়াই আমাদের লক্ষ্য।' : 'Our goal is to make clear information and dependable service accessible to customers.' }}</p>
                <a href="#contact" class="text-link">{{ $bn ? 'আমাদের সাথে কথা বলুন' : 'Talk to our team' }} <i class="bi bi-arrow-right"></i></a>
            </div>
        </div>
    </div>
</section>

<section class="section-padding products-section" id="products">
    <div class="container">
        <div class="section-heading text-center">
            <span class="section-kicker">{{ $bn ? 'আমাদের বীমা পণ্য' : 'OUR INSURANCE SOLUTIONS' }}</span>
            <h2 class="section-title">{{ $bn ? 'আপনার প্রয়োজন অনুযায়ী পরিকল্পনা' : 'Explore plans for your needs.' }}</h2>
            <p class="section-text mx-auto">{{ $bn ? 'প্রতিটি পণ্যের সুবিধা, শর্ত ও যোগ্যতা সম্পর্কে বিস্তারিত জানুন।' : 'Learn about available products, benefits, eligibility and policy terms.' }}</p>
        </div>
        <div class="row g-4 mt-2">
            @forelse($products as $product)
                <div class="col-md-6 col-lg-4">
                    <article class="product-card h-100">
                        <div class="product-icon"><i class="bi {{ $product->icon }}"></i></div>
                        <h3>{{ $product->localized_name }}</h3>
                        <p>{{ $product->localized_description }}</p>
                        <a href="#contact" class="text-link">{{ $bn ? 'বিস্তারিত জানতে' : 'Enquire now' }} <i class="bi bi-arrow-right"></i></a>
                    </article>
                </div>
            @empty
                <div class="col-12"><div class="empty-state">{{ $bn ? 'বীমা পণ্যের তথ্য শীঘ্রই প্রকাশ করা হবে।' : 'Insurance product information will be published soon.' }}</div></div>
            @endforelse
        </div>
        <p class="product-disclaimer">{{ $bn ? 'পণ্যের বিবরণ, সুবিধা ও প্রযোজ্য শর্তাবলী কোম্পানির অনুমোদিত নথি অনুযায়ী চূড়ান্ত করতে হবে।' : 'Product descriptions, benefits and terms must be finalized against company-approved policy documents.' }}</p>
    </div>
</section>

<section class="section-padding values-section">
    <div class="container">
        <div class="section-heading text-center">
            <span class="section-kicker">{{ $bn ? 'কেন সানফ্লাওয়ার লাইফ' : 'WHY SUNFLOWER LIFE' }}</span>
            <h2 class="section-title">{{ $bn ? 'আস্থা গড়ে ওঠে যত্ন ও দায়িত্বে' : 'Trust is built through care and responsibility.' }}</h2>
        </div>
        <div class="row g-4 mt-2">
            @foreach([
                ['bi-shield-lock', $bn ? 'সুরক্ষার অঙ্গীকার' : 'A focus on protection', $bn ? 'গ্রাহকের প্রয়োজনকে গুরুত্ব দিয়ে পরিকল্পনা ও সেবা।' : 'Solutions and services designed around customer needs.'],
                ['bi-chat-heart', $bn ? 'গ্রাহকসেবা' : 'Customer care', $bn ? 'তথ্য ও সহায়তা সহজে পৌঁছে দেওয়ার প্রচেষ্টা।' : 'Making information and support easier to access.'],
                ['bi-graph-up-arrow', $bn ? 'দীর্ঘমেয়াদি পরিকল্পনা' : 'Long-term planning', $bn ? 'ভবিষ্যতের আর্থিক পরিকল্পনায় সচেতন সিদ্ধান্তে সহায়তা।' : 'Helping customers make informed long-term decisions.'],
            ] as $value)
                <div class="col-md-4">
                    <div class="value-card h-100"><div class="value-icon"><i class="bi {{ $value[0] }}"></i></div><h3>{{ $value[1] }}</h3><p>{{ $value[2] }}</p></div>
                </div>
            @endforeach
        </div>
    </div>
</section>

<section class="section-padding" id="news">
    <div class="container">
        <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-end gap-3 mb-4">
            <div><span class="section-kicker">{{ $bn ? 'আপডেট ও ঘোষণা' : 'UPDATES & ANNOUNCEMENTS' }}</span><h2 class="section-title mb-0">{{ $bn ? 'সংবাদ ও নোটিশ' : 'News & notices' }}</h2></div>
            <a href="#notices" class="text-link">{{ $bn ? 'সর্বশেষ নোটিশ' : 'Latest notices' }} <i class="bi bi-arrow-right"></i></a>
        </div>
        <div class="row g-4">
            @forelse($news as $item)
                <div class="col-md-4">
                    <article class="news-card h-100">
                        <div class="news-date"><i class="bi bi-calendar3 me-2"></i>{{ optional($item->published_at)->format('d M Y') }}</div>
                        <h3>{{ $bn && $item->title_bn ? $item->title_bn : $item->title_en }}</h3>
                        <p>{{ $bn && $item->excerpt_bn ? $item->excerpt_bn : $item->excerpt_en }}</p>
                    </article>
                </div>
            @empty
                <div class="col-12"><div class="empty-state">{{ $bn ? 'নতুন সংবাদ শীঘ্রই প্রকাশিত হবে।' : 'Company news will be published here.' }}</div></div>
            @endforelse
        </div>
    </div>
</section>

<section class="contact-section section-padding" id="contact">
    <div class="container">
        <div class="row g-5">
            <div class="col-lg-5">
                <span class="section-kicker text-gold">{{ $bn ? 'যোগাযোগ করুন' : 'GET IN TOUCH' }}</span>
                <h2 class="section-title text-white">{{ $bn ? 'আপনার কোনো প্রশ্ন আছে?' : 'How can we help you?' }}</h2>
                <p class="contact-lead">{{ $bn ? 'আপনার প্রশ্ন বা মতামত পাঠান। আমাদের প্রতিনিধি যোগাযোগ করবেন।' : 'Send us your question or feedback. Our team will get in touch with you.' }}</p>
                <div class="contact-detail"><i class="bi bi-telephone"></i><span><small>{{ $bn ? 'ফোন' : 'Phone' }}</small>Official company phone</span></div>
                <div class="contact-detail"><i class="bi bi-envelope"></i><span><small>{{ $bn ? 'ইমেইল' : 'Email' }}</small>Official company email</span></div>
                <div class="contact-detail"><i class="bi bi-geo-alt"></i><span><small>{{ $bn ? 'ঠিকানা' : 'Address' }}</small>{{ $bn ? 'অনুমোদিত কর্পোরেট ঠিকানা যুক্ত করুন' : 'Add approved corporate address' }}</span></div>
            </div>
            <div class="col-lg-7">
                <form class="contact-form" method="POST" action="{{ route('inquiry.store') }}">
                    @csrf
                    <h3>{{ $bn ? 'বার্তা পাঠান' : 'Send an inquiry' }}</h3>
                    <div class="row g-3">
                        <div class="col-md-6"><label class="form-label">{{ $bn ? 'আপনার নাম' : 'Your name' }} *</label><input class="form-control" name="name" value="{{ old('name') }}" required maxlength="120" placeholder="{{ $bn ? 'সম্পূর্ণ নাম' : 'Full name' }}">@error('name')<small class="text-danger">{{ $message }}</small>@enderror</div>
                        <div class="col-md-6"><label class="form-label">{{ $bn ? 'মোবাইল নম্বর' : 'Mobile number' }} *</label><input class="form-control" name="phone" value="{{ old('phone') }}" required maxlength="30" placeholder="01XXXXXXXXX">@error('phone')<small class="text-danger">{{ $message }}</small>@enderror</div>
                        <div class="col-md-6"><label class="form-label">{{ $bn ? 'ইমেইল' : 'Email address' }}</label><input type="email" class="form-control" name="email" value="{{ old('email') }}" maxlength="150" placeholder="name@example.com">@error('email')<small class="text-danger">{{ $message }}</small>@enderror</div>
                        <div class="col-md-6"><label class="form-label">{{ $bn ? 'বিষয়' : 'Subject' }}</label><input class="form-control" name="subject" value="{{ old('subject') }}" maxlength="150" placeholder="{{ $bn ? 'বার্তার বিষয়' : 'What is this about?' }}"></div>
                        <div class="col-12"><label class="form-label">{{ $bn ? 'আপনার বার্তা' : 'Your message' }} *</label><textarea class="form-control" name="message" rows="4" required maxlength="3000" placeholder="{{ $bn ? 'আপনার প্রশ্ন লিখুন...' : 'Write your message...' }}">{{ old('message') }}</textarea>@error('message')<small class="text-danger">{{ $message }}</small>@enderror</div>
                        <div class="col-12"><div class="form-check"><input class="form-check-input" type="checkbox" name="privacy_consent" value="1" id="privacy" required><label class="form-check-label" for="privacy">{{ $bn ? 'আমার দেওয়া তথ্য যোগাযোগের উদ্দেশ্যে ব্যবহারে সম্মতি দিচ্ছি।' : 'I agree that my information may be used to respond to this inquiry.' }}</label></div>@error('privacy_consent')<small class="text-danger">{{ $message }}</small>@enderror</div>
                        <div class="col-12"><button class="btn btn-gold btn-lg w-100" type="submit">{{ $bn ? 'বার্তা পাঠান' : 'Submit inquiry' }} <i class="bi bi-send ms-2"></i></button></div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
@endsection