@extends('layouts.subweb')

@section('title', $brand->name)
@section('meta_description', $brand->meta_description ?? $brand->description)

@section('content')

{{-- Hero --}}
<section class="sub-hero">
    <div class="sub-hero-inner">
        <div class="sub-hero-content">
            <div class="sub-hero-badge">🇮🇩 Indonesia's Digital Partner</div>
            <h1>
                {!! $page->sections['hero']['headline'] ?? 'Transformasi Digital <em>End-to-End</em>' !!}
            </h1>
            <p>{{ $page->sections['hero']['subheadline'] ?? $brand->description }}</p>
            <div class="hero-btns">
                <a href="#contact" class="btn-primary">Mulai Konsultasi →</a>
                <a href="#solutions" class="btn-outline">Lihat Solusi</a>
            </div>
        </div>

        @if (!empty($page->sections['stats']))
        <div class="sub-hero-stats">
            @foreach ($page->sections['stats'] as $stat)
                <div class="sub-stat">
                    <div class="sub-stat-num">{{ $stat['value'] }}</div>
                    <div class="sub-stat-label">{{ $stat['label'] }}</div>
                </div>
            @endforeach
        </div>
        @endif
    </div>
</section>

{{-- Solutions --}}
@if (!empty($page->sections['solutions']))
<section class="sub-solutions" id="solutions">
    <div class="section-inner">
        <p class="section-label">Solusi Kami</p>
        <h2 class="section-title">{{ $page->sections['solutions_title'] ?? 'Layanan Digital Terintegrasi' }}</h2>
        <p class="section-sub">Dari konsultasi awal hingga deployment, training, dan maintenance.</p>

        <div class="solutions-grid">
            @foreach ($page->sections['solutions'] as $solution)
                <div class="solution-card">
                    <div class="sol-icon">{{ $solution['icon'] ?? '⚡' }}</div>
                    <h3>{{ $solution['title'] }}</h3>
                    <p>{{ $solution['description'] }}</p>
                    @if (!empty($solution['tags']))
                        <div class="sol-stack">
                            @foreach ($solution['tags'] as $tag)
                                <span class="sol-tag">{{ $tag }}</span>
                            @endforeach
                        </div>
                    @endif
                </div>
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- Why Us --}}
@if (!empty($page->sections['why']))
<section class="sub-why">
    <div class="section-inner">
        <p class="section-label">Mengapa Vesta</p>
        <h2 class="section-title">{{ $page->sections['why_title'] ?? 'One Partner, All Solutions.' }}</h2>
        <div class="why-grid">
            @foreach ($page->sections['why'] as $item)
                <div class="why-card">
                    <div class="why-icon">{{ $item['icon'] }}</div>
                    <h4>{{ $item['title'] }}</h4>
                    <p>{{ $item['description'] }}</p>
                </div>
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- Industries --}}
@if (!empty($page->sections['industries']))
<section class="sub-industries">
    <div class="section-inner">
        <p class="section-label">Industri</p>
        <h2 class="section-title">{{ $page->sections['industries_title'] ?? 'Siapa Klien Kami' }}</h2>
        <div class="industry-grid">
            @foreach ($page->sections['industries'] as $industry)
                <div class="industry-item">
                    <span class="ind-icon">{{ $industry['icon'] }}</span>
                    {{ $industry['name'] }}
                </div>
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- Contact CTA --}}
<section class="sub-contact" id="contact">
    <div class="section-inner">
        <div class="contact-card">
            <h2>{{ $page->sections['cta']['headline'] ?? 'Siap Memulai Transformasi Digital?' }}</h2>
            <p>{{ $page->sections['cta']['subheadline'] ?? 'Konsultasi gratis dengan tim kami.' }}</p>
            @php
                $contactEmail = \App\Models\SiteSetting::get('contact_email', 'info@vestaglobal.co.id', $brand->id);
                $contactPhone = \App\Models\SiteSetting::get('contact_phone', '+62-21-555-7890', $brand->id);
            @endphp
            <div class="contact-info">
                <a href="mailto:{{ $contactEmail }}" class="contact-item">✉ {{ $contactEmail }}</a>
                <a href="tel:{{ $contactPhone }}" class="contact-item">📞 {{ $contactPhone }}</a>
            </div>
            <a href="mailto:{{ $contactEmail }}" class="btn-primary">
                {{ $page->sections['cta']['btn_label'] ?? 'Hubungi Kami Sekarang' }} →
            </a>
        </div>
    </div>
</section>

@endsection