@extends('layouts.app')

@section('title', 'Karriere | Energietec-Plus')
@section('description', 'Aktuelle Stellenangebote bei Energietec-Plus in Munsbach, Luxemburg.')

@section('content')
    <section class="career-hero">
        <div class="section-shell career-hero-grid">
            <div data-reveal><p class="eyebrow"><span></span> Karriere</p><h1>Arbeiten bei Energietec-Plus.<br><em>Aktuelle Stellenangebote.</em></h1><p>Bei uns trifft sauberes Elektrohandwerk auf KNX, Photovoltaik, Speicher und moderne Gebäudetechnik.</p></div>
            <div class="career-pulse" data-reveal data-reveal-delay="100" aria-hidden="true"><span>Wir suchen</span><strong>Verstärkung</strong><i></i></div>
        </div>
    </section>
    <section class="jobs-section section"><div class="section-shell">
        <p class="eyebrow eyebrow-dark" data-reveal><span></span> Offene Positionen</p>
        <div class="jobs-list">
            @forelse($jobs as $job)
                <a href="{{ route('careers.show', $job) }}" data-reveal><span>{{ $job->employment_type }}</span><div><h2>{{ $job->title }}</h2><p>{{ $job->intro }}</p></div><strong>{{ $job->location }}</strong><i>↗</i></a>
            @empty
                <p>Aktuell ist keine Position ausgeschrieben. Initiativbewerbungen sind dennoch willkommen.</p>
            @endforelse
        </div>
    </div></section>
@endsection
