@extends('layouts.app')

@section('title', 'Our Initiatives — ' . config('gerg.name'))

@section('content')
    @include('partials.page-hero', ['title' => 'Our Initiatives', 'subtitle' => 'Corporate social responsibility through artisan empowerment and global outreach.', 'breadcrumb' => 'Initiatives'])

    <section class="py-16 lg:py-24">
        <div class="mx-auto max-w-7xl px-4 lg:px-8 space-y-12">
            @foreach (config('gerg.initiatives') as $initiative)
                <article class="card lg:flex lg:gap-12 lg:items-center overflow-hidden">
                    <div class="lg:w-2/5">
                        @if (isset($initiative['image']))
                            <img
                                src="{{ asset($initiative['image']) }}"
                                alt="{{ $initiative['name'] }}"
                                class="h-64 lg:h-full w-full object-cover"
                            >
                        @else
                            <div class="flex h-64 lg:h-full items-center justify-center rounded-2xl bg-gerg-500/10 font-display text-6xl font-bold text-gerg-600">
                                {{ substr($initiative['name'], 0, 1) }}
                            </div>
                        @endif
                    </div>
                    <div class="mt-6 lg:mt-0 lg:w-3/5 flex-1 p-6 lg:p-0">
                        <h2 class="font-display text-2xl font-semibold text-gerg-900">{{ $initiative['name'] }}</h2>
                        <p class="mt-1 font-medium text-gerg-600">{{ $initiative['subtitle'] }}</p>
                        <p class="mt-4 text-slate-600 leading-relaxed">{{ $initiative['description'] }}</p>
                        <a href="{{ $initiative['url'] }}" target="_blank" rel="noopener" class="btn-primary mt-6">{{ $initiative['cta'] }}</a>
                    </div>
                </article>
            @endforeach

            <div class="rounded-2xl bg-gerg-900 p-8 text-white md:p-12">
                <h3 class="font-display text-2xl font-semibold">Karigar Apnao, Sanskriti Bachao</h3>
                <p class="mt-4 max-w-2xl text-slate-300 leading-relaxed">
                    Launched on Independence Day 2020 — a campaign inviting volunteers and customers to support artisan families and preserve traditional crafts across India.
                </p>
            </div>
        </div>
    </section>
@endsection