@extends('layouts.website')

@section('title', 'Resources & Downloads')

@section('content')

<x-website.page-header
title=“Resources & Downloads”
subtitle=“Access organizational documents, reports, publications, partnership resources and knowledge products that support transparency, learning and sustainable development.” />

{{-- INTRODUCTION --}}

<section class="py-20 bg-white">
<div class="max-w-5xl mx-auto px-6 text-center">
    <h2 class="text-4xl font-bold mb-8">
        Transparency Through Information
    </h2>
    <p class="text-lg leading-8 text-gray-700">
        {{ config('organization.short_name') }} believes that transparency, accountability and knowledge sharing are essential foundations for sustainable development. This resource center provides access to organizational documents, reports, publications and partnership resources that promote informed decision-making, stakeholder engagement and responsible stewardship.
    </p>
    <p class="mt-6 text-lg leading-8 text-gray-700">
        By making key information accessible, we strengthen trust with communities, partners, volunteers, donors and stakeholders while fostering a culture of learning, collaboration and continuous improvement.
    </p>
</div>
</section>

{{-- RESOURCE CATEGORIES --}}

<section class="py-24 bg-gray-50">
<div class="max-w-7xl mx-auto px-6">
    <div class="text-center mb-16">
        <h2 class="text-4xl font-bold">
            Resource Categories
        </h2>
        <p class="mt-4 text-lg text-gray-600">
            Access documents that support governance, partnerships, accountability and organizational learning.
        </p>
    </div>
    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
        <div class="bg-white rounded-2xl p-8 shadow-sm">
            <h3 class="font-bold text-xl mb-4">
                Governance
            </h3>
            <p>
                Constitutions, policies, governance frameworks and organizational structures.
            </p>
        </div>
        <div class="bg-white rounded-2xl p-8 shadow-sm">
            <h3 class="font-bold text-xl mb-4">
                Strategic Planning
            </h3>
            <p>
                Strategic plans, institutional priorities, implementation frameworks and growth roadmaps.
            </p>
        </div>
        <div class="bg-white rounded-2xl p-8 shadow-sm">
            <h3 class="font-bold text-xl mb-4">
                Reports & Publications
            </h3>
            <p>
                Annual reports, program reports, evaluations, research outputs and impact documentation.
            </p>
        </div>
        <div class="bg-white rounded-2xl p-8 shadow-sm">
            <h3 class="font-bold text-xl mb-4">
                Partnerships
            </h3>
            <p>
                Partnership prospectuses, program portfolios and collaboration opportunities.
            </p>
        </div>
    </div>
</div>
</section>

{{-- ORGANIZATIONAL DOCUMENTS --}}

<section class="py-24 bg-white">
<div class="max-w-7xl mx-auto px-6">
    <div class="text-center mb-16">
        <h2 class="text-4xl font-bold">
            Organizational Documents
        </h2>
        <p class="mt-4 text-lg text-gray-600">
            Foundational resources that guide governance, strategy and organizational direction.
        </p>
    </div>
    <div class="grid md:grid-cols-3 gap-8">
        <div class="bg-white rounded-xl border shadow-sm p-8">
            <h3 class="text-xl font-bold">
                Organization Profile
            </h3>
            <p class="mt-4 text-gray-600">
                Comprehensive overview of our mission, governance structure, strategic priorities, programs, partnerships and community impact.
            </p>
            <a href="/documents/organization-profile.pdf"
               class="inline-block mt-6 text-green-700 font-semibold">
                Download PDF →
            </a>
        </div>
        <div class="bg-white rounded-xl border shadow-sm p-8">
            <h3 class="text-xl font-bold">
                Constitution
            </h3>
            <p class="mt-4 text-gray-600">
                Organizational governance framework, membership provisions, institutional structures and accountability mechanisms.
            </p>
            <a href="/documents/constitution.pdf"
               class="inline-block mt-6 text-green-700 font-semibold">
                Download PDF →
            </a>
        </div>
        <div class="bg-white rounded-xl border shadow-sm p-8">
            <h3 class="text-xl font-bold">
                Strategic Plan
            </h3>
            <p class="mt-4 text-gray-600">
                Strategic objectives, implementation priorities, organizational targets and long-term development vision.
            </p>
            <a href="/documents/strategic-plan.pdf"
               class="inline-block mt-6 text-green-700 font-semibold">
                Download PDF →
            </a>
        </div>
    </div>
</div>
</section>