@extends('layouts.app')

@section('content')
    @php($compliance = config('trust.compliance'))
    @php($certGroups = collect(config('trust.certifications.items'))->groupBy('group'))

    <x-page-hero title="Trust and Compliance" subtitle="Our certificates, how we protect healthcare data, and the organisations we work with." :breadcrumbs="[['label' => 'Compliance']]" />

    {{-- Jump links: the three parts of this page --}}
    <section class="border-b border-slate-100 bg-white">
        <div class="container-page flex flex-wrap gap-x-6 gap-y-2 py-4 text-sm font-semibold">
            <a href="#certifications" class="text-brand-700 hover:underline">Certifications</a>
            <a href="#data-security" class="text-brand-700 hover:underline">Data security</a>
            <a href="#privacy" class="text-brand-700 hover:underline">Privacy</a>
            <a href="#dpdp" class="text-brand-700 hover:underline">DPDP Act 2023</a>
            <a href="#partners" class="text-brand-700 hover:underline">Partners</a>
        </div>
    </section>

    {{-- Certifications: NHA ABDM milestones first, then quality and security --}}
    <section id="certifications" class="section scroll-mt-20">
        <div class="container-page">
            <x-section-heading title="Certifications" :subtitle="config('trust.certifications.intro')" />

            @foreach ($certGroups as $group => $items)
                <h3 class="mb-4 mt-8 text-lg font-semibold text-slate-900 first:mt-0">{{ $group === 'ABDM' ? 'NHA certificates for ABDM milestones' : $group }}</h3>
                <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
                    @foreach ($items as $cert)
                        <x-card :title="$cert['name']" :eyebrow="$cert['full_name']" :image="$cert['image']" contain
                                :href="$cert['pdf']" external link-label="View certificate (PDF)">
                            {{ $cert['text'] }}
                        </x-card>
                    @endforeach
                </div>
            @endforeach
        </div>
    </section>

    {{-- Data security, privacy and the DPDP Act --}}
    @foreach ($compliance['sections'] as $section)
        <section id="{{ $section['id'] }}" @class(['section scroll-mt-20', 'bg-slate-50' => $loop->odd])>
            <div class="container-page grid gap-6 lg:grid-cols-3">
                <div class="lg:col-span-1">
                    <x-section-heading :title="$section['title']" :subtitle="$section['text']" />
                </div>
                <ul class="checklist rounded-lg border border-slate-200 bg-white p-6 lg:col-span-2">
                    {{-- A point that still holds a [placeholder] (e.g. the grievance contact) stays hidden until it is filled in. --}}
                    @foreach ($section['points'] as $point)
                        @continue(str_contains($point, '['))
                        <li>{{ $point }}</li>
                    @endforeach
                </ul>
            </div>
        </section>
    @endforeach

    {{-- Partners --}}
    <section id="partners" class="section scroll-mt-20">
        <div class="container-page">
            <x-section-heading title="Partners" :subtitle="config('trust.partners.intro')" />
            <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
                @foreach (config('trust.partners.items') as $partner)
                    <x-card :title="$partner['name']" :eyebrow="$partner['full_name']" :image="$partner['logo']" contain>
                        {{ $partner['text'] }}
                    </x-card>
                @endforeach
            </div>
        </div>
    </section>
@endsection