@extends('layouts.main_dashboard.app')
@section('title', app()->getLocale() === 'ar' ? 'المكتبة الإرشادية' : 'Guidance Library')
@section('skip_page_hero', true)
@section('content')
<div class="grid gap-4 lg:grid-cols-2 xl:grid-cols-3">
    @foreach($resources as $resource)
        <article class="rounded-[1.75rem] border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-950">
            <h2 class="text-base font-black text-zinc-900 dark:text-white">{{ $resource->title }}</h2>
            <p class="mt-3 text-sm text-zinc-600 dark:text-zinc-300">{{ $resource->summary ?: \Illuminate\Support\Str::limit(strip_tags($resource->body), 120) }}</p>
            @if($resource->external_url)<a href="{{ $resource->external_url }}" target="_blank" class="mt-4 inline-flex text-sm font-black text-brand-600">{{ app()->getLocale() === 'ar' ? 'فتح المورد' : 'Open resource' }}</a>@endif
        </article>
    @endforeach
    <section class="lg:col-span-2 xl:col-span-3 rounded-[1.5rem] border border-zinc-200 bg-white px-6 py-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">{{ $resources->links('pagination::simple-tailwind') }}</section>
</div>
@endsection