@extends('frontend.main_master')

@section('title', 'Astrolojide Gezegenler ve Anlamları - Gezegen Rehberi | ' . t('site-title'))
@section('meta_description', 'Astrolojide gezegenler ve anlamları: Merkür, Venüs, Mars, Jüpiter, Satürn, Uranüs, Neptün ve Plüton. Gezegenlerin burçlara etkileri ve astrolojik anlamları hakkında kapsamlı rehber.')
@section('meta_keywords', 'astrolojide gezegenler, gezegen anlamları, merkür, venüs, mars, jüpiter, satürn, astroloji')
@push('schema')
<x-seo.schema-article 
    headline="Astrolojide Gezegenler ve Anlamları" 
    description="Astrolojide gezegenler ve anlamları: Tüm gezegenlerin burçlara etkileri ve astrolojik anlamları hakkında kapsamlı rehber."
    image="{{ asset('assets/merkur-160x160.png') }}" />
<x-seo.schema-breadcrumb :items="[['name' => 'Anasayfa', 'url' => route('index')], ['name' => 'Gezegenler', 'url' => url()->current()]]" />
@endpush

@push('styles')
<link rel="stylesheet" href="{{ asset('frontend/css/page-home.css') }}">
<link rel="stylesheet" href="{{ asset('frontend/css/content/planets.css') }}">
@endpush

@section('content')
<div id="main-content" tabindex="-1" style="outline: none;" class="planets-page">
    {{-- Breadcrumb Component --}}
    <x-breadcrumb 
        :items="App\Helpers\BreadcrumbHelper::forCategory('Gezegenler', url('/astrolojide-gezegenler'))"
        class="planets-breadcrumb"
        container-class="container"
    />
    <section class="planets-hero">
        <div class="container">
            <h1>Astrolojide Gezegenler</h1>
            <p class="text-muted mb-0"><a href="{{ auth()->check() ? route('panel') : route('login') }}" class="text-muted text-decoration-underline">Göklerin rehberliğinde kendinizi keşfedin</a></p>
        </div>
    </section>
    
    <section class="planets-section">
        <div class="planets-grid">
            @php
                $planets = [
                    ['name' => 'Güneş', 'image' => 'gunes-160x160.webp', 'route' => 'planets.sun', 'snippet' => 'Kimlik, ego ve yaşam enerjinizin astrolojik merkezi.'],
                    ['name' => 'Ay', 'image' => 'ay-160x160.webp', 'route' => 'planets.moon', 'snippet' => 'Duygusal ihtiyaçlar, iç dünya ve sezgisel tepkiler.'],
                    ['name' => 'Merkür', 'image' => 'merkur-160x160.webp', 'route' => 'planets.mercury', 'snippet' => 'Zihin yapısı, iletişim dili ve öğrenme tarzı analizi.'],
                    ['name' => 'Venüs', 'image' => 'venus-160x160.webp', 'route' => 'planets.venus', 'snippet' => 'Aşk, estetik anlayış ve ilişki beklentilerinin göstergesi.'],
                    ['name' => 'Mars', 'image' => 'mars-160x160.webp', 'route' => 'planets.mars', 'snippet' => 'Motivasyon, mücadele gücü ve hareket etme biçimi.'],
                    ['name' => 'Jüpiter', 'image' => 'jupiter-160x160.webp', 'route' => 'planets.jupiter', 'snippet' => 'Büyüme alanları, şans etkileri ve inanç sistemi.'],
                    ['name' => 'Satürn', 'image' => 'saturn-160x160.webp', 'route' => 'planets.saturn', 'snippet' => 'Sorumluluklar, disiplin ve karmasal derslerin haritası.'],
                    ['name' => 'Uranüs', 'image' => 'uranus-160x160.webp', 'route' => 'planets.uranus', 'snippet' => 'Özgürleşme, ani değişim ve yenilikçi bakış açıları.'],
                    ['name' => 'Neptün', 'image' => 'neptun-160x160.webp', 'route' => 'planets.neptune', 'snippet' => 'Ruhsallık, hayaller ve sezgisel algı derinliği.'],
                    ['name' => 'Plüton', 'image' => 'pluton-160x160.webp', 'route' => 'planets.pluto', 'snippet' => 'Dönüşüm, güç dinamikleri ve köklü içsel değişim.'],
                ];
            @endphp
            @foreach($planets as $planet)
                <div class="planet-card">
                    <a href="{{ route($planet['route']) }}" class="text-decoration-none d-flex flex-column align-items-center">
                        <img src="{{ asset('assets/' . $planet['image']) }}" 
                             alt="{{ $planet['name'] }}" 
                             class="planet-image" loading="lazy">
                        <h3 class="planet-name">{{ $planet['name'] }}</h3>
                        <p class="planet-snippet">{{ $planet['snippet'] }}</p>
                    </a>
                </div>
            @endforeach
        </div>
    </section>
</div>
@endsection