@extends('layouts.app', [
    'title' => 'Our Programs & CSR Initiatives | SEO Kenya',
    'description' => 'Explore our corporate social responsibility programs, mentorship initiatives, and training programs. Join us in making a positive impact in the digital marketing industry.',
    'keywords' => 'csr programs kenya, digital marketing mentorship, seo training programs, corporate social responsibility kenya, digital skills training',
    'canonical' => url('/company/company-programs')
])

@section('content')
    <section class="sk-program-index-hero">
        <div class="container">
            <h1 class="sk-program-index-hero__title">SEO Mentorship Programs &amp; CSR Initiatives in Kenya</h1>
            <p class="sk-program-index-hero__lead mb-0">
                Discover our initiatives empowering businesses and individuals through digital marketing excellence,
                mentorship, and community impact.
            </p>
        </div>
    </section>

    <section class="sk-program-index">
        <div class="container">
            @if($programs->count() > 0)
                <div class="row g-4">
                    @foreach($programs as $program)
                        @php
                            $typeSlug = Str::slug($program->type ?? 'program');
                        @endphp
                        <div class="col-md-6 col-lg-4">
                            <article class="sk-program-index-card">
                                <div class="sk-program-index-card__header sk-program-index-card__header--{{ $typeSlug }}">
                                    <span class="sk-program-index-card__type">{{ ucfirst($program->type) }}</span>
                                </div>
                                <div class="sk-program-index-card__body">
                                    <p class="sk-program-index-card__date mb-0">
                                        <i class="fas fa-calendar-alt" aria-hidden="true"></i>
                                        {{ $program->created_at->format('M Y') }}
                                    </p>
                                    <h2 class="sk-program-index-card__title">
                                        <a href="{{ route('guest.company-programs.show', $program->slug) }}">{{ $program->title }}</a>
                                    </h2>
                                    @if($program->description)
                                        <p class="sk-program-index-card__excerpt mb-0">
                                            {{ Str::limit(strip_tags($program->description), 120) }}
                                        </p>
                                    @endif
                                    <div class="sk-program-index-card__footer">
                                        <a href="{{ route('guest.company-programs.show', $program->slug) }}"
                                           class="btn btn-outline-primary btn-sm">
                                            View Program
                                        </a>
                                    </div>
                                </div>
                            </article>
                        </div>
                    @endforeach
                </div>

                <div class="sk-program-index-cta">
                    <h2 class="sk-program-index-cta__title">Want to partner or participate?</h2>
                    <p class="sk-program-index-cta__text mb-0">
                        Whether you're a business, mentor, or community organization — we'd love to hear how you can get involved.
                    </p>
                    <a href="{{ url('/book-consultation') }}" class="btn btn-primary btn-lg px-4 mt-3">
                        Contact Our Team
                    </a>
                </div>

                @if($programs->hasPages())
                    <nav class="sk-program-index-pagination" aria-label="Programs pagination">
                        {{ $programs->links() }}
                    </nav>
                @endif
            @else
                <div class="sk-program-index-empty text-center">
                    <h2 class="sk-program-index-empty__title">Programs Coming Soon</h2>
                    <p class="sk-program-index-empty__text">
                        We're preparing new mentorship and CSR initiatives. Check back soon or reach out to learn what's ahead.
                    </p>
                    <a href="{{ url('/book-consultation') }}" class="btn btn-primary btn-lg px-4">
                        Get in Touch
                    </a>
                </div>
            @endif
        </div>
    </section>

    <section class="sk-program-index-prose" aria-labelledby="program-index-prose-heading">
        <div class="container">
            <div class="row">
                <div class="col-12 sk-program-index-prose__inner">
                    <h2 class="sk-program-index-prose__title" id="program-index-prose-heading">Our Commitment to Kenya's Digital Community</h2>
                    <p>
                        SEO Specialist Kenya runs mentorship and CSR programs that extend beyond client work. We invest in skills,
                        access, and opportunity — helping more people participate in Kenya's digital economy through structured
                        training, guidance, and community partnerships.
                    </p>

                    <h3>Types of Programs We Run</h3>
                    <div class="table-responsive">
                        <table class="sk-program-index-prose__table mb-0">
                            <thead>
                                <tr>
                                    <th scope="col">Program Type</th>
                                    <th scope="col">Focus</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>CSR Initiatives</td>
                                    <td>Community impact, digital literacy, and access to SEO education for underserved groups</td>
                                </tr>
                                <tr>
                                    <td>Mentorship</td>
                                    <td>One-on-one and group guidance for aspiring SEO professionals and marketing teams</td>
                                </tr>
                                <tr>
                                    <td>Training</td>
                                    <td>Structured workshops and skill-building aligned with industry best practices</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <h3>Who Can Benefit</h3>
                    <ul>
                        <li>Students and graduates entering digital marketing careers</li>
                        <li>Small businesses building in-house SEO capability</li>
                        <li>NGOs and community groups expanding online reach</li>
                        <li>Professionals seeking mentorship from experienced practitioners</li>
                    </ul>

                    <p class="mb-0">
                        Explore active programs above or
                        <a href="{{ url('/join-community') }}">join our community</a>
                        to stay updated on new initiatives.
                    </p>
                </div>
            </div>
        </div>
    </section>
@endsection