@extends('layouts.app', [
    'title' => 'SEO Careers in Kenya - Join Our Team',
    'description' => 'Looking for SEO jobs in Kenya? Join our team of SEO experts and help shape the future of digital marketing in Kenya.',
    'keywords' => 'SEO jobs Kenya, SEO careers Kenya, digital marketing jobs Kenya, SEO expert positions Kenya',
    'canonical' => url('/careers')
])

@section('content')
    <section class="sk-careers-index-hero">
        <div class="container">
            <h1 class="sk-careers-index-hero__title">SEO Careers at SEO Specialist Kenya</h1>
            <p class="sk-careers-index-hero__lead mb-0">
                Join Kenya's leading SEO team and help shape the future of digital marketing.
                We're always looking for talented people who are passionate about search engineering.
            </p>
        </div>
    </section>

    <section class="sk-careers-index">
        <div class="container">
            <h2 class="sk-careers-index__heading">Open Positions</h2>

            @if($jobs->count() > 0)
                <div class="sk-careers-index-list">
                    @foreach($jobs as $job)
                        <article class="sk-careers-index-card">
                            <div class="sk-careers-index-card__main">
                                <p class="sk-careers-index-card__meta mb-0">
                                    @if($job->department)
                                        <span class="sk-careers-index-card__tag">{{ $job->department }}</span>
                                    @endif
                                    @if($job->location)
                                        <span class="sk-careers-index-card__meta-item">
                                            <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
                                            {{ $job->location }}
                                        </span>
                                    @endif
                                    @if($job->type)
                                        <span class="sk-careers-index-card__meta-item">
                                            <i class="fas fa-clock" aria-hidden="true"></i>
                                            {{ ucfirst($job->type) }}
                                        </span>
                                    @endif
                                </p>
                                <h3 class="sk-careers-index-card__title">
                                    <a href="{{ route('careers.show', $job->slug) }}">{{ $job->title }}</a>
                                </h3>
                                @if($job->description)
                                    <p class="sk-careers-index-card__excerpt mb-0">
                                        {{ Str::limit(strip_tags($job->description), 160) }}
                                    </p>
                                @endif
                                <ul class="sk-careers-index-card__facts list-unstyled mb-0">
                                    @if($job->deadline)
                                        <li>
                                            <i class="fas fa-calendar" aria-hidden="true"></i>
                                            Apply by {{ $job->deadline->format('M j, Y') }}
                                        </li>
                                    @endif
                                    @if($job->salary_min || $job->salary_max)
                                        <li>
                                            <i class="fas fa-money-bill-wave" aria-hidden="true"></i>
                                            @if($job->salary_min && $job->salary_max)
                                                KES {{ number_format($job->salary_min, 0) }} – {{ number_format($job->salary_max, 0) }}
                                            @elseif($job->salary_min)
                                                From KES {{ number_format($job->salary_min, 0) }}
                                            @else
                                                Up to KES {{ number_format($job->salary_max, 0) }}
                                            @endif
                                        </li>
                                    @endif
                                </ul>
                            </div>
                            <div class="sk-careers-index-card__action">
                                <a href="{{ route('careers.show', $job->slug) }}" class="btn btn-outline-primary">
                                    View Details
                                </a>
                            </div>
                        </article>
                    @endforeach
                </div>
            @else
                <div class="sk-careers-index-empty text-center">
                    <h3 class="sk-careers-index-empty__title">No Open Positions Right Now</h3>
                    <p class="sk-careers-index-empty__text">
                        We don't have active listings at the moment. Send your CV and we'll reach out when a suitable role opens.
                    </p>
                    <a href="mailto:careers@seospecialist.co.ke" class="btn btn-primary btn-lg px-4">
                        Send Your CV
                    </a>
                </div>
            @endif

            <div class="sk-careers-index-cta">
                <h2 class="sk-careers-index-cta__title">Don't see your perfect role?</h2>
                <p class="sk-careers-index-cta__text mb-0">
                    We're always interested in meeting talented SEO and digital marketing professionals.
                    Share your CV and we'll keep you in mind for future opportunities.
                </p>
                <a href="mailto:careers@seospecialist.co.ke" class="btn btn-primary btn-lg px-4 mt-3">
                    Email careers@seospecialist.co.ke
                </a>
            </div>
        </div>
    </section>

    <section class="sk-careers-index-prose" aria-labelledby="careers-prose-heading">
        <div class="container">
            <div class="row">
                <div class="col-12 sk-careers-index-prose__inner">
                    <h2 class="sk-careers-index-prose__title" id="careers-prose-heading">SEO Jobs in Kenya: Your Career in Digital Marketing</h2>
                    <p>
                        Discover rewarding career opportunities in Search Engine Optimization across Kenya's growing digital landscape.
                        As more businesses invest in online visibility, demand for skilled SEO professionals continues to rise — from
                        agencies and startups to corporates, NGOs, and e-commerce brands.
                    </p>

                    <h3>Why Work With SEO Specialist Kenya</h3>
                    <ul>
                        <li>Continuous learning and career advancement in a fast-moving search industry</li>
                        <li>Collaborative team culture with experienced search engineers and strategists</li>
                        <li>Modern tools, flexible arrangements, and exposure to real client projects</li>
                        <li>Hands-on work across technical SEO, content, local search, and analytics</li>
                    </ul>

                    <h3>What You Gain on Our Team</h3>
                    <div class="row g-4 sk-careers-index-prose__columns">
                        <div class="col-md-6">
                            <ul>
                                <li>Experience with leading brands across East Africa</li>
                                <li>Regular training and certification opportunities</li>
                                <li>Mentorship from senior SEO practitioners</li>
                                <li>Access to current SEO tools and workflows</li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <ul>
                                <li>Structured project ownership and client communication</li>
                                <li>Cross-functional exposure to web, content, and CRO</li>
                                <li>Clear performance feedback and growth paths</li>
                                <li>Opportunity to specialize in technical, local, or e-commerce SEO</li>
                            </ul>
                        </div>
                    </div>

                    <h3>The Growing Demand for SEO Professionals in Kenya</h3>
                    <p>
                        Kenya's digital transformation has created strong hiring demand for SEO talent. Organizations need people who
                        can improve crawl efficiency, build semantic content architecture, and translate rankings into revenue.
                    </p>
                    <div class="table-responsive">
                        <table class="sk-careers-index-prose__table mb-0">
                            <thead>
                                <tr>
                                    <th scope="col">Key Growth Areas</th>
                                    <th scope="col">Skills Employers Look For</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Technical SEO optimization</td>
                                    <td>Understanding of crawl, index, and ranking systems</td>
                                </tr>
                                <tr>
                                    <td>Content strategy and creation</td>
                                    <td>Keyword research and on-page optimization</td>
                                </tr>
                                <tr>
                                    <td>Local SEO management</td>
                                    <td>Google Business Profile and local citation management</td>
                                </tr>
                                <tr>
                                    <td>E-commerce SEO</td>
                                    <td>Category, product, and faceted navigation optimization</td>
                                </tr>
                                <tr>
                                    <td>Digital marketing analytics</td>
                                    <td>Reporting, dashboards, and data-driven recommendations</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <h3>Career Growth and Advancement</h3>
                    <p>A career in SEO offers multiple paths for professional growth. Common progressions include:</p>
                    <ul>
                        <li>SEO Specialist → Senior SEO Specialist → SEO Manager</li>
                        <li>Content Strategist → Content Manager → Digital Marketing Director</li>
                        <li>Technical SEO Expert → Digital Strategy Consultant</li>
                        <li>Specialist tracks in e-commerce, local SEO, or international SEO</li>
                    </ul>

                    <h3>Why Choose a Career in SEO With Us</h3>
                    <p>
                        SEO Specialist Kenya stands out as a search engineering employer — not a generic marketing shop.
                        We invest in people who want to solve hard technical problems, ship measurable improvements,
                        and grow with the industry.
                    </p>
                    <p class="mb-0">
                        Browse open roles above or email
                        <a href="mailto:careers@seospecialist.co.ke">careers@seospecialist.co.ke</a>
                        with your CV and area of interest.
                    </p>
                </div>
            </div>
        </div>
    </section>
@endsection