{{-- resources/views/customer/agency/sections/tours-grid.blade.php --}}
<section class="tours-grid-section">
    <div class="container">
        @if($section->title || $section->subtitle)
            <div style="text-align: center; margin-bottom: 3rem;">
                @if($section->subtitle)
                    <p style="color: var(--accent); font-weight: 600; font-size: 1rem; margin-bottom: 0.5rem;">
                        {{ $section->subtitle }}
                    </p>
                @endif

                @if($section->title)
                    <h2 style="font-size: 2.5rem; font-weight: 700; color: #111827;">
                        {{ $section->title }}
                    </h2>
                @endif
            </div>
        @endif

        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 2rem;">
            @php
                $limit = $section->getConfig('tour_limit', 6);
                $tours = \App\Models\Tour\Tour::where('agency_id', $agency->id)
                    ->active()
                    ->public()
                    ->bookable()
                    ->limit($limit)
                    ->get();
            @endphp

            @foreach($tours as $tour)
                <div
                    style="background: white; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.3s;">
                    @if($tour->cover_image_url)
                        <img src="{{ $tour->cover_image_url }}"
                             alt="{{ $tour->name }}"
                             style="width: 100%; height: 240px; object-fit: cover;">
                    @endif

                    <div style="padding: 1.5rem;">
                        <h3 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.75rem; color: #111827;">
                            {{ $tour->name }}
                        </h3>

                        @if($tour->short_description)
                            <p style="color: #6B7280; margin-bottom: 1rem; line-height: 1.6;">
                                {{ Str::limit($tour->short_description, 100) }}
                            </p>
                        @endif

                        <div
                            style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding-top: 1rem; border-top: 1px solid #E5E7EB;">
                            <div>
                                @if($tour->days)
                                    <span style="color: #6B7280; font-size: 0.875rem;">
                                        <i class="fas fa-calendar"></i> {{ $tour->days }} Gün
                                    </span>
                                @endif
                            </div>
                            <div style="font-size: 1.5rem; font-weight: 700; color: var(--primary);">
                                {{ $tour->formatted_price }}
                            </div>
                        </div>

                        <a href="{{ route('customer.agency.tours.detail', ['agency' => $agency->slug, 'type' => 'kultur-turu', 'slug' => $tour->slug]) }}"
                           style="display: block; text-align: center; background: var(--primary); color: white; padding: 0.75rem; border-radius: 8px; text-decoration: none; font-weight: 600;">
                            Detayları Gör
                        </a>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>

<style>
    .tours-grid-section > .container > div:last-child > div:hover {
        transform: translateY(-8px);
    }
</style>