@extends('frontend.master.master')

@section('content')
    <!-- Layout6 Header Section with Pattern Background -->
    <section class="layout6-header">
        <div class="container">
            <h1 class="layout6-title">{{ $nama_menu }}</h1>
            <p class="layout6-subtitle">Dapatkan informasi terkini dari PT Multi Spunindo Jaya Tbk di sini</p>
        </div>
    </section>

    <!-- Search Bar Section -->
    <section class="layout6-search-section">
        <div class="container">
            <div class="layout6-search-wrapper">
                <form action="" method="GET" class="layout6-search-form">
                    <div class="layout6-search-input-wrapper">
                        <i class="bi bi-search"></i>
                        <input type="text" name="search" class="layout6-search-input" 
                               placeholder="Cari berita atau artikel disini..." 
                               value="{{ request('search') }}">
                    </div>
                    <button type="submit" class="layout6-search-btn">Cari</button>
                </form>
            </div>
        </div>
    </section>

    <!-- Content Section with Pattern Body Background -->
    <section class="layout6-content">
        <div class="container">
            <div class="layout6-card-wrapper">
                @forelse ($datas as $item)
                    @php
                        $encryptedId = Crypt::encrypt($item->id);
                        // Use jenis column if available, fallback to 'berita'
                        $jenis = $item->jenis ?? 'berita';
                        $isArtikel = strtolower($jenis) == 'artikel';
                        // Use web-optimized version if exists, fallback to original
                        $picturePath = $item->picture ?? 'noimage.png';
                        $webOptimizedPath = public_path('storage/' . $picturePath . '_web.jpg');
                        $imageSrc = file_exists($webOptimizedPath) 
                            ? asset('storage/' . $picturePath . '_web.jpg') 
                            : asset('storage/' . $picturePath);
                    @endphp
                    <div class="layout6-card" data-aos="fade-up" data-aos-delay="100">
                        <!-- Card Image - Use thumbnail (picture) only -->
                        <div class="layout6-card-image">
                            <img src="{{ $imageSrc }}" 
                                 alt="{{ $item->title ?? 'Tidak Ada Konten' }}" 
                                 class="img-fluid">
                        </div>
                        
                        <!-- Card Content -->
                        <div class="layout6-card-content">
                            <!-- Category Badge -->
                            <span class="layout6-badge {{ $isArtikel ? 'layout6-badge-artikel' : 'layout6-badge-berita' }}">
                                {{ ucfirst($jenis) }}
                            </span>
                            
                            <!-- Title -->
                            <h3 class="layout6-card-title">
                                {{ $item->title ?? 'Tidak Ada Konten' }}
                                @if(isset($isPreview) && $isPreview && isset($item->status))
                                    @if($item->status == 'preview')
                                        <span class="badge bg-info text-white ms-2" style="font-size: 0.65rem;">
                                            <i class="fas fa-eye me-1"></i>Preview Draft
                                        </span>
                                    @elseif($item->status != 'post')
                                        <span class="badge bg-warning text-dark ms-2" style="font-size: 0.65rem;">
                                            <i class="fas fa-edit me-1"></i>Draft
                                        </span>
                                    @endif
                                @endif
                            </h3>
                            
                            <!-- Description -->
                            <p class="layout6-card-desc">
                                {{ Str::limit(strip_tags($item->description ?? 'Tidak Ada Konten'), 120) }}
                            </p>
                            
                            <!-- Meta Info - Use scheduled_at for date display -->
                            <div class="layout6-card-meta">
                                <div class="layout6-meta-item">
                                    <i class="bi bi-calendar3"></i>
                                    <span>{{ isset($item->scheduled_at) ? \Carbon\Carbon::parse($item->scheduled_at)->format('d F Y') : (isset($item->created_at) ? \Carbon\Carbon::parse($item->created_at)->format('d F Y') : 'Tanggal post') }}</span>
                                </div>
                            </div>
                            
                            <!-- Action Button -->
                            <div class="layout6-card-action">
                                <a href="{{ isset($isPreview) && $isPreview ? route('preview.menu.detail', [
                                        'url' => $url,
                                        'slug' => \Illuminate\Support\Str::slug($item->title ?? 'Tidak Ada Konten'),
                                    ]) : route('layout.detail', [
                                        'url' => $url,
                                        'slug' => \Illuminate\Support\Str::slug($item->title ?? 'Tidak Ada Konten'),
                                    ]) }}?id_data={{ urlencode($encryptedId) }}{{ isset($item->status) && $item->status == 'preview' ? '&preview_mode=temp' : '' }}" 
                                   class="btn-layout6-detail">
                                    Baca
                                </a>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="layout6-empty">
                        <i class="bi bi-newspaper"></i>
                        <p>Tidak ada berita atau artikel yang ditemukan.</p>
                    </div>
                @endforelse
            </div>

            <!-- Pagination -->
            @if($datas->hasPages())
                <div class="layout6-pagination">
                    <nav class="pagination-nav">
                        {{-- Previous Page Link --}}
                        @if ($datas->onFirstPage())
                            <span class="pagination-link prev disabled">Sebelumnya</span>
                        @else
                            <a href="{{ $datas->previousPageUrl() }}" class="pagination-link prev">Sebelumnya</a>
                        @endif

                        {{-- Pagination Numbers --}}
                        <div class="pagination-numbers">
                            @foreach ($datas->getUrlRange(1, $datas->lastPage()) as $page => $url)
                                @if ($page == $datas->currentPage())
                                    <span class="pagination-link active">{{ $page }}</span>
                                @else
                                    <a href="{{ $url }}" class="pagination-link">{{ $page }}</a>
                                @endif
                            @endforeach
                        </div>

                        {{-- Next Page Link --}}
                        @if ($datas->hasMorePages())
                            <a href="{{ $datas->nextPageUrl() }}" class="pagination-link next">Berikutnya</a>
                        @else
                            <span class="pagination-link next disabled">Berikutnya</span>
                        @endif
                    </nav>
                </div>
            @endif
        </div>
    </section>
@endsection