@extends('frontend.master.master')

@section('content')
    {{-- @if ($url == 'krirlp' || $url == 'mgnglp' || $url == 'faqask')
        <script>
            window.location.href = "{{ route('blank.redirect') }}"; // Ganti dengan route atau URL tujuan
        </script>
    @endif --}}

    <!-- Layout1 Header Section with Pattern Background -->
    <section class="layout-header-pattern">
        <div class="container">
            <h1 class="layout-header-title">{{ $nama_menu }}</h1>
            <p class="layout-header-subtitle">Informasi lengkap mengenai {{ $nama_menu }}</p>
        </div>
    </section>

    <!-- Services Section with Pattern Background -->
    <section id="services" class="services section layout-content-pattern">

        <div class="container" data-aos="fade-up" data-aos-delay="100">
            <div class="row align-items-center">
                <div class="col-12">
                    @foreach ($datas as $index => $service)
                        @php
                            // Hapus semua tag <img>
                            $descWithoutImg = preg_replace(
                                '/<img[^>]*>/i',
                                '',
                                $service->description ?? 'Tidak Ada Konten',
                            );

                            // Ambil teks tanpa tag HTML
                            $plainText = strip_tags($descWithoutImg);

                            // Batasi 200 karakter
                            $limitedText = Str::limit($plainText, 150);

                            $encryptedId = Crypt::encrypt($service->id);
                        @endphp
                        <div class="row g-5">
                            @if ($index % 2 == 0)
                                <!-- Item 1 - Gambar Kiri -->
                                <div class="row justify-content-center mb-4" data-aos="fade-up" data-aos-delay="400">
                                    <div class="col-md-10">
                                        <div class="d-flex align-items-start flex-column flex-md-row">
                                            <div class="image-box me-md-4 mb-3 mb-md-0 flex-shrink-0 overflow-hidden">
                                                <img src="{{ asset('storage/' . ($service->picture ?? 'noimage.png')) }}"
                                                    alt="{{ $service->title ?? 'Tidak Ada Konten' }}" class="img-fluid">
                                            </div>
                                            <div class="content-wrapper position-relative w-100">
                                                <!-- Remove the class from the form itself -->

                                                <div class="text-content">
                                                    <h5 class="fw-bold mt-2 mb-1">
                                                        {{ $service->title ?? 'Tidak Ada Konten' }}
                                                        @if(isset($isPreview) && $isPreview && isset($service->status))
                                                            @if($service->status == 'preview')
                                                                <span class="badge bg-info text-white ms-2">
                                                                    <i class="fas fa-eye me-1"></i>
                                                                    Preview Draft
                                                                </span>
                                                            @else
                                                                <span class="badge {{ $service->status == 'post' ? 'bg-success' : 'bg-warning text-dark' }} ms-2">
                                                                    <i class="fas {{ $service->status == 'post' ? 'fa-check-circle' : 'fa-edit' }} me-1"></i>
                                                                    {{ $service->status == 'post' ? 'Published' : 'Draft' }}
                                                                </span>
                                                            @endif
                                                        @endif
                                                    </h5>
                                                    <small class="text-muted fst-italic mb-2 d-block">
                                                        {{ isset($service->date1) ? \Carbon\Carbon::parse($service->date1)->format('d F Y') : '' }}
                                                        @if (isset($service->date1) && isset($service->date2))
                                                            - {{ \Carbon\Carbon::parse($service->date2)->format('d F Y') }}
                                                        @endif
                                                    </small>
                                                    <p class="mb-0">{{ $limitedText ?? 'Tidak Ada Konten' }} </p>
                                                </div>

                                                <div class="text-start mt-3">
                                                    <button type="button" class="btn-detail-layout1-left"
                                                        onclick="window.location.href='{{ isset($isPreview) && $isPreview ? route('preview.menu.detail', [
                                                            'url' => $url,
                                                            'slug' => \Illuminate\Support\Str::slug($service->slug ?? ($service->title ?? 'default-slug')),
                                                        ]) : route('layout.detail', [
                                                            'url' => $url,
                                                            'slug' => \Illuminate\Support\Str::slug($service->slug ?? ($service->title ?? 'default-slug')),
                                                        ]) }}?id_data={{ urlencode($encryptedId) }}{{ isset($service->status) && $service->status == 'preview' ? '&preview_mode=temp' : '' }}'">
                                                        Lihat Detail
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- End Service Item -->
                            @else
                                <!-- Item 2 - Gambar Kanan -->
                                <div class="row justify-content-center mb-4" data-aos="fade-up" data-aos-delay="500">
                                    <div class="col-md-10">
                                        <div class="d-flex align-items-start flex-column flex-md-row-reverse">
                                            <div class="image-box ms-md-4 mb-3 mb-md-0 flex-shrink-0 overflow-hidden">
                                                <img src="{{ asset('storage/' . ($item->picture ?? 'noimage.png')) }}"
                                                    alt="{{ $service->title ?? 'Tidak Ada Konten' }}" class="img-fluid">
                                            </div>
                                            <div class="content-wrapper position-relative w-100 text-md-end">
                                                <div class="text-content">
                                                    <h5 class="fw-bold mt-2 mb-1">
                                                        {{ $service->title ?? 'Tidak Ada Konten' }}
                                                        @if(isset($isPreview) && $isPreview && isset($service->status))
                                                            @if($service->status == 'preview')
                                                                <span class="badge bg-info text-white ms-2">
                                                                    <i class="fas fa-eye me-1"></i>
                                                                    Preview Draft
                                                                </span>
                                                            @else
                                                                <span class="badge {{ $service->status == 'post' ? 'bg-success' : 'bg-warning text-dark' }} ms-2">
                                                                    <i class="fas {{ $service->status == 'post' ? 'fa-check-circle' : 'fa-edit' }} me-1"></i>
                                                                    {{ $service->status == 'post' ? 'Published' : 'Draft' }}
                                                                </span>
                                                            @endif
                                                        @endif
                                                    </h5>
                                                    <small class="text-muted fst-italic mb-2 d-block">
                                                        {{ isset($service->date1) ? \Carbon\Carbon::parse($service->date1)->format('d F Y') : '' }}
                                                        @if (isset($service->date1) && isset($service->date2))
                                                            - {{ \Carbon\Carbon::parse($service->date2)->format('d F Y') }}
                                                        @endif
                                                    </small>
                                                    <p class="mb-0">{{ $limitedText }}</p>
                                                </div>
                                                <div class="text-end mt-3">
                                                    <button type="button" class="btn-detail-layout1-right"
                                                        onclick="window.location.href='{{ isset($isPreview) && $isPreview ? route('preview.menu.detail', [
                                                            'url' => $url,
                                                            'slug' => \Illuminate\Support\Str::slug($service->slug ?? ($service->title ?? 'default-slug')),
                                                        ]) : route('layout.detail', [
                                                            'url' => $url,
                                                            'slug' => \Illuminate\Support\Str::slug($service->slug ?? ($service->title ?? 'default-slug')),
                                                        ]) }}?id_data={{ urlencode($encryptedId) }}{{ isset($service->status) && $service->status == 'preview' ? '&preview_mode=temp' : '' }}'">
                                                        Lihat Detail
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- End Service Item -->
                            @endif

                        </div><br><br>
                    @endforeach
                </div>
            </div>
        </div>
        <div class="d-flex justify-content-center mt-4">
            {{ $datas->links() }}
        </div>

    </section><!-- /Services Section -->
@endsection