@extends('site.layout')

@php
    $pubUi = [
        'ps' => ['kicker' => 'نشر او اشاعت', 'title' => 'کتابونه، مقالې، ادبي بهير او خبرونه', 'intro' => 'دا برخه د کتابتون، مقالو، مياشتنۍ خپرونې، تازه خبرونو او ادبي فعاليتونو لپاره تياره شوې ده.', 'detail' => 'تفصيل'],
        'fa' => ['kicker' => 'نشر و اشاعت', 'title' => 'کتاب‌ها، مقاله‌ها، جریان ادبی و خبرها', 'intro' => 'این بخش برای کتابخانه، مقاله‌ها، نشر ماهانه، خبرهای تازه و فعالیت‌های ادبی آماده شده است.', 'detail' => 'تفصیل'],
        'ar' => ['kicker' => 'النشر', 'title' => 'كتب ومقالات ونشاط أدبي وأخبار', 'intro' => 'هذا القسم مخصص للمكتبة والمقالات والنشرات الشهرية والأخبار والأنشطة الأدبية.', 'detail' => 'التفاصيل'],
        'en' => ['kicker' => 'Publications', 'title' => 'Books, articles, literary programs, and news', 'intro' => 'This section is prepared for the library, articles, monthly publications, news, and student literary activities.', 'detail' => 'Details'],
    ][$currentLocale ?? 'ps'];
    $pubImages = ['lesson.jpg', 'library.jpg', 'classroom.jpg', 'arabic-institute.jpg'];
@endphp

@section('title', $pubUi['kicker'] . ' | ' . $ui['brand'])

@section('content')
    <section class="page-hero">
        <div class="container page-hero__grid">
            <div>
                <span class="section-kicker">{{ $pubUi['kicker'] }}</span>
                <h1>{{ $pubUi['title'] }}</h1>
                <p>{{ $pubUi['intro'] }}</p>
            </div>
            <figure class="page-hero__media">
                <img src="{{ asset('images/madrasa/optimized/library.jpg') }}" alt="{{ $pubUi['title'] }}">
            </figure>
        </div>
    </section>

    <section class="section-pad">
        <div class="container publication-library">
            @foreach ($publications as $publication)
                <article>
                    <figure class="publication-library__media">
                        <img src="{{ asset('images/madrasa/optimized/' . $pubImages[$loop->index % count($pubImages)]) }}" alt="{{ $publication['title'] }}" loading="lazy">
                    </figure>
                    <span>{{ $publication['type'] }}</span>
                    <h2>{{ $publication['title'] }}</h2>
                    <p>{{ $publication['caption'] }}</p>
                    <a href="#">{{ $pubUi['detail'] }}</a>
                </article>
            @endforeach
        </div>
    </section>
@endsection
