@extends('layouts.app')

@section('title', $service->title)

@php
    $illustrations = [
        'personal'    => 'assets/img/services/PERSONAL_FINANCING.svg',
        'auto'        => 'assets/img/services/AUTO_FINANCING.svg',
        'mortgage'    => 'assets/img/services/MORTGAGE_FINANCING.svg',
        'credit-card' => 'assets/img/services/PERSONAL_FINANCING.svg',
        'sme'         => 'assets/img/services/SME.svg',
    ];
    $illustration = $illustrations[$service->slug] ?? 'assets/img/services/PERSONAL_FINANCING.svg';

    $defaultBodies = [
        'personal' => [
            'ar' => '<p>التمويل الشخصي من هوت سبوت هو الحل الأسرع والأسهل لتغطية احتياجاتك الحياتية، سواء كانت تكاليف زواج، سفر، تعليم، علاج، أو أي مصروف طارئ. بنوفرلك عروض من أكبر البنوك والجهات التمويلية المرخصة في المملكة، عشان تقدر تقارن بينها وتختار العرض الأنسب لدخلك ومدة السداد اللي تريحك.</p>
            <p>كل اللي عليك إنك تدخل بياناتك مرة واحدة، وإحنا نعرض لك العروض اللي أنت مؤهل لها مسبقًا، بدون ما تحتاج تزور أي فرع أو تعبي أوراق. الموافقة بتكون فورية والمبلغ بيتحول لحسابك في أسرع وقت.</p>
            <ul>
                <li>مبالغ تمويل تصل إلى حدود عالية تناسب احتياجاتك.</li>
                <li>فترات سداد مرنة لحد 60 شهر.</li>
                <li>نسب ربح تنافسية ومعتمدة من البنك المركزي السعودي (ساما).</li>
                <li>إجراءات إلكترونية 100% بدون زيارة فروع.</li>
            </ul>',
            'en' => '<p>Hotspot Personal Financing is the fastest and easiest way to cover your life needs — whether it\'s a wedding, travel, education, medical expenses, or any emergency cost. We bring you offers from the largest SAMA-licensed banks and financing entities so you can compare and pick what fits your income and preferred repayment term.</p>
            <p>Enter your details once, and we show you the offers you\'re pre-qualified for — with no branch visits or paperwork. Approval is instant and the funds are transferred to your account in the shortest time.</p>
            <ul>
                <li>High financing amounts tailored to your needs.</li>
                <li>Flexible repayment periods up to 60 months.</li>
                <li>Competitive profit rates regulated by the Saudi Central Bank (SAMA).</li>
                <li>100% digital process — no branch visits required.</li>
            </ul>',
        ],
        'auto' => [
            'ar' => '<p>تمويل السيارات من هوت سبوت بيخليك تقدر تشتري سيارتك الجديدة أو المستعملة بسهولة، سواء كان التمويل إسلامي (مرابحة أو إجارة) أو تقليدي. بنقارن لك بين عروض أكبر البنوك والجهات التمويلية المرخصة في المملكة، وتختار العرض الأنسب لميزانيتك ومدة السداد.</p>
            <p>العملية كلها إلكترونية: قدّم طلبك، استلم العروض المؤهل لها، ووقّع عقدك بدون الحاجة لزيارة أي فرع.</p>
            <ul>
                <li>تمويل يغطي حتى 100% من قيمة السيارة.</li>
                <li>دفعة أولى مرنة تناسب إمكانياتك.</li>
                <li>فترات سداد تصل إلى 60 شهر.</li>
                <li>خيارات تمويل إسلامي وتقليدي معتمدة.</li>
            </ul>',
            'en' => '<p>Hotspot Auto Financing makes buying your new or used car effortless — whether you prefer Islamic financing (Murabaha or Ijara) or conventional. We compare offers from the largest SAMA-licensed banks and pick what suits your budget and repayment timeline.</p>
            <p>The whole process is digital: submit your request, receive pre-qualified offers, and sign your contract without visiting any branch.</p>
            <ul>
                <li>Financing up to 100% of the vehicle value.</li>
                <li>Flexible down payment to match your capacity.</li>
                <li>Repayment periods up to 60 months.</li>
                <li>Certified Islamic and conventional financing options.</li>
            </ul>',
        ],
        'mortgage' => [
            'ar' => '<p>امتلك بيت العمر مع تمويل الرهن العقاري من هوت سبوت. سواء كنت بتشتري شقة، فيلا، أو أرض مع بناء، بنوفرلك عروض عقارية من أكبر البنوك والممولين المرخصين في المملكة، مع دعم صندوق التنمية العقارية لو كنت مؤهل.</p>
            <p>خبراؤنا يساعدوك تختار أنسب عرض بناءً على دخلك، وفترة السداد، ونسبة الربح، وتقدر تخلص إجراءاتك إلكترونيًا بدون عناء.</p>
            <ul>
                <li>تمويل عقاري يصل حتى 90% من قيمة العقار.</li>
                <li>فترات سداد طويلة تصل إلى 30 سنة.</li>
                <li>دعم كامل لبرامج صندوق التنمية العقارية (سكني).</li>
                <li>نسب ربح تنافسية معتمدة من ساما.</li>
            </ul>',
            'en' => '<p>Own your dream home with Hotspot Mortgage Financing. Whether you\'re buying an apartment, villa, or land-and-construction, we bring you offers from the largest SAMA-licensed banks, with Real Estate Development Fund support if eligible.</p>
            <p>Our experts help you pick the right offer based on your income, repayment term, and profit rate — with the whole process done digitally.</p>
            <ul>
                <li>Mortgage financing up to 90% of the property value.</li>
                <li>Long repayment periods up to 30 years.</li>
                <li>Full support for Real Estate Development Fund (Sakani) programs.</li>
                <li>SAMA-regulated competitive profit rates.</li>
            </ul>',
        ],
        'credit-card' => [
            'ar' => '<p>احصل على بطاقة ائتمان تناسب نمط حياتك من خلال هوت سبوت. بنقارن لك بين أفضل بطاقات البنوك في المملكة من حيث المزايا، نقاط المكافآت، واسترداد النقود (Cashback)، وكذلك الرسوم السنوية.</p>
            <p>كل البطاقات مرخصة من البنك المركزي السعودي (ساما) وبتقدملك حماية كاملة ضد الاحتيال مع تطبيقات بنكية متقدمة.</p>
            <ul>
                <li>بطاقات كلاسيك، ذهبية، وبلاتينيوم.</li>
                <li>مزايا سفر، استرداد نقدي، ونقاط مكافآت.</li>
                <li>حماية كاملة ضد عمليات الاحتيال.</li>
                <li>تقسيط مشترياتك على أشهر بدون فوائد.</li>
            </ul>',
            'en' => '<p>Get a credit card that matches your lifestyle through Hotspot. We compare the top bank cards in the Kingdom in terms of benefits, reward points, cashback, and annual fees.</p>
            <p>All cards are SAMA-regulated and offer full fraud protection with advanced banking apps.</p>
            <ul>
                <li>Classic, Gold, and Platinum cards.</li>
                <li>Travel perks, cashback, and reward points.</li>
                <li>Full fraud protection.</li>
                <li>Installment plans with zero interest.</li>
            </ul>',
        ],
        'sme' => [
            'ar' => '<p>تمويل الشركات الصغيرة والمتوسطة من هوت سبوت بيساعدك توسع نشاطك، تشتري معدات، أو تدير السيولة. بنقارن لك بين عروض أكبر البنوك والجهات التمويلية، مع دعم كامل لبرامج كفالة وبنك التنمية الاجتماعية.</p>
            <p>سواء كنت صاحب مؤسسة فردية أو شركة، هنساعدك تحصل على التمويل المناسب بأقل إجراءات وبأسرع وقت.</p>
            <ul>
                <li>تمويل رأس مال عامل ومشاريع توسعية.</li>
                <li>دعم برامج كفالة والجهات الحكومية.</li>
                <li>فترات سداد مرنة تصل لـ 60 شهر.</li>
                <li>استشارات مالية من خبراء متخصصين.</li>
            </ul>',
            'en' => '<p>Hotspot SME Financing helps you grow your business, buy equipment, or manage liquidity. We compare offers from the largest banks and financing entities, with full support for Kafalah and Social Development Bank programs.</p>
            <p>Whether you\'re an individual establishment or a corporation, we help you secure the right financing with minimum paperwork in the shortest time.</p>
            <ul>
                <li>Working capital and expansion project financing.</li>
                <li>Kafalah and government program support.</li>
                <li>Flexible repayment periods up to 60 months.</li>
                <li>Financial consulting from specialized experts.</li>
            </ul>',
        ],
    ];

    $locale = $isRtl ? 'ar' : 'en';
    $serviceBody = $service->long_description
        ?: ($defaultBodies[$service->slug][$locale] ?? '<p>'.e($service->description).'</p>');
@endphp

@section('content')
<section class="service-detail-hero">
    <div class="container">
        <div class="hero-row">
            <div class="hero-text">
                <h1>{{ $service->title }}</h1>
                <p>{{ $service->description }}</p>
            </div>
            <div class="hero-img">
                <img src="{{ asset($illustration) }}" alt="{{ $service->title }}" />
            </div>
        </div>
    </div>
</section>

<section class="service-detail-body">
    <div class="container">
        <div class="content-wrapper">
            <a href="{{ route('services.index') }}" class="back-to-services">
                <i class="fa-solid fa-arrow-{{ $isRtl ? 'right' : 'left' }}"></i>
                {{ block('service.body.back', $isRtl ? 'العودة للخدمات' : 'Back to Services') }}
            </a>

            <div class="prose">
                {!! $serviceBody !!}
            </div>

            <div class="service-cta-wrap">
                <a href="{{ route('financing-request') }}" class="hero-cta-main mid-cta-bar">
                    <span class="mid-cta-glow"></span>
                    <span class="mid-cta-content">
                        <i class="fa-solid fa-hand-pointer mid-cta-icon"></i>
                        <span class="mid-cta-text">{{ block('home.hero.cta_compare', $isRtl ? 'اطلب تمويلك الآن' : 'Request Your Financing Now') }}</span>
                        <i class="fa-solid fa-arrow-{{ $isRtl ? 'left' : 'right' }} mid-cta-arrow"></i>
                    </span>
                </a>
            </div>
        </div>
    </div>
</section>
@endsection