@extends('layouts.admin')
@section('title','Consents & privacy')
@section('content')
@php
  $label = fn (string $v) => ucwords(str_replace(['_', '-'], ' ', $v));
@endphp

<x-admin.page
    title="Consents & privacy"
    subtitle="Marketing preference center — email/SMS opt-ins, audit trail, and suppression list for compliant outreach."
>
    <x-slot:actions>
        <a href="{{ route('admin.customers.index') }}" class="admin-btn"><i data-lucide="users" class="h-3.5 w-3.5"></i> Customers</a>
        <a href="{{ route('admin.segments.index') }}" class="admin-btn"><i data-lucide="filter" class="h-3.5 w-3.5"></i> Segments</a>
    </x-slot:actions>

    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif

    <div class="order-ops-stat-rail mb-5">
        <div class="order-ops-stat is-active">
            <span class="order-ops-stat-label">Consent records</span>
            <span class="order-ops-stat-value">{{ number_format($stats['records']) }}</span>
            <span class="order-ops-stat-meta">{{ number_format($stats['customers_with_consent']) }} customers</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Email opt-in</span>
            <span class="order-ops-stat-value">{{ number_format($stats['email_opt_in']) }}</span>
            <span class="order-ops-stat-meta">{{ number_format($stats['email_opt_out']) }} opted out</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">SMS opt-in</span>
            <span class="order-ops-stat-value">{{ number_format($stats['sms_opt_in']) }}</span>
            <span class="order-ops-stat-meta">SMS marketing</span>
        </div>
        <div class="order-ops-stat {{ $stats['suppressions'] ? 'tone-warning' : '' }}">
            <span class="order-ops-stat-label">Suppressions</span>
            <span class="order-ops-stat-value">{{ number_format($stats['suppressions']) }}</span>
            <span class="order-ops-stat-meta">Hard blocks</span>
        </div>
    </div>

    <div class="order-ops-quick-filters mb-4">
        <a href="{{ route('admin.customers.consents.index') }}" class="order-ops-chip {{ ! request()->hasAny(['channel','granted']) ? 'is-active' : '' }}">All</a>
        <a href="{{ route('admin.customers.consents.index', ['channel' => 'email_marketing', 'granted' => '1']) }}" class="order-ops-chip {{ request('channel') === 'email_marketing' && request('granted') === '1' ? 'is-active' : '' }}">Email opted in</a>
        <a href="{{ route('admin.customers.consents.index', ['channel' => 'email_marketing', 'granted' => '0']) }}" class="order-ops-chip {{ request('channel') === 'email_marketing' && request('granted') === '0' ? 'is-active' : '' }}">Email opted out</a>
        <a href="{{ route('admin.customers.consents.index', ['channel' => 'sms', 'granted' => '1']) }}" class="order-ops-chip {{ request('channel') === 'sms' && request('granted') === '1' ? 'is-active' : '' }}">SMS opted in</a>
    </div>

    <div class="mb-5 grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
        @foreach($channels as $row)
            <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-4">
                <div class="text-xs font-semibold uppercase tracking-wide text-[#8c9196]">{{ $label($row->channel) }}</div>
                <div class="mt-1 text-xl font-semibold tabular-nums">{{ number_format($row->opted_in) }} <span class="text-sm font-normal text-[#6d7175]">/ {{ number_format($row->total) }}</span></div>
                <div class="mt-1 text-xs text-[#6d7175]">opted in</div>
            </div>
        @endforeach
    </div>

    <div class="grid gap-5 xl:grid-cols-[minmax(0,1fr)_20rem]">
        <x-admin.advanced-table
            id="consents"
            :search-url="route('admin.customers.consents.index')"
            search-placeholder="Search email, name, or source…"
            :columns="['customer' => 'Customer', 'channel' => 'Channel', 'status' => 'Status', 'source' => 'Source', 'when' => 'Recorded', 'actions' => '']"
        >
            <thead>
                <tr>
                    <th data-col="customer">Customer</th>
                    <th data-col="channel">Channel</th>
                    <th data-col="status">Status</th>
                    <th data-col="source">Source</th>
                    <th data-col="when">Recorded</th>
                    <th data-col="actions"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($consents as $consent)
                    <tr>
                        <td data-col="customer">
                            <div class="font-medium">{{ $consent->customer?->name ?: '—' }}</div>
                            <div class="text-xs text-[#6d7175]">{{ $consent->customer?->email }}</div>
                        </td>
                        <td data-col="channel">{{ $label($consent->channel) }}</td>
                        <td data-col="status">
                            <x-admin.badge :tone="$consent->granted ? 'success' : 'muted'">{{ $consent->granted ? 'Granted' : 'Denied' }}</x-admin.badge>
                        </td>
                        <td data-col="source" class="text-xs text-[#6d7175]">{{ $consent->source ?: '—' }}</td>
                        <td data-col="when" class="text-xs text-[#6d7175]">{{ ($consent->recorded_at ?? $consent->created_at)?->diffForHumans() }}</td>
                        <td data-col="actions" class="text-right">
                            <form method="post" action="{{ route('admin.customers.consents.toggle', $consent) }}" class="inline">
                                @csrf
                                <input type="hidden" name="granted" value="{{ $consent->granted ? 0 : 1 }}">
                                <button class="admin-btn !px-2 !py-1 text-xs">{{ $consent->granted ? 'Revoke' : 'Grant' }}</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="p-12 text-center text-[#6d7175]">No consent records match.</td></tr>
                @endforelse
            </tbody>
            <x-slot:footer>{{ $consents->links() }}</x-slot:footer>
        </x-admin.advanced-table>

        <div class="space-y-5 xl:sticky xl:top-20 xl:self-start">
            <x-admin.section title="Add suppression" hint="Hard-block an email from marketing sends.">
                <form method="post" action="{{ route('admin.customers.consents.suppress') }}" class="space-y-3">
                    @csrf
                    <x-admin.field label="Email" name="email" required>
                        <input type="email" name="email" required class="admin-input" placeholder="customer@example.com">
                    </x-admin.field>
                    <x-admin.field label="Reason" name="reason">
                        <input name="reason" class="admin-input" placeholder="complaint, bounce, legal…">
                    </x-admin.field>
                    <button class="admin-btn admin-btn-primary w-full justify-center">Suppress email</button>
                </form>
            </x-admin.section>

            <x-admin.section title="Suppression list">
                <ul class="space-y-2">
                    @forelse($suppressions as $row)
                        <li class="flex items-start justify-between gap-2 rounded-lg border border-[var(--color-admin-border)] bg-[#fafbfb] px-3 py-2 text-sm">
                            <div>
                                <div class="font-medium">{{ $row->email }}</div>
                                <div class="text-xs text-[#6d7175]">{{ $row->reason ?: '—' }} · {{ $row->created_at?->diffForHumans() }}</div>
                            </div>
                            <form method="post" action="{{ route('admin.customers.consents.unsuppress', $row) }}">
                                @csrf @method('DELETE')
                                <button class="text-xs font-medium text-red-700 hover:underline">Remove</button>
                            </form>
                        </li>
                    @empty
                        <li class="text-sm text-[#6d7175]">No suppressions.</li>
                    @endforelse
                </ul>
            </x-admin.section>
        </div>
    </div>

    <form id="consents-filter" method="get" action="{{ route('admin.customers.consents.index') }}" class="hidden">
        <input type="hidden" name="q" value="{{ request('q') }}">
        <input type="hidden" name="channel" value="{{ request('channel') }}">
        <input type="hidden" name="granted" value="{{ request('granted') }}">
    </form>
</x-admin.page>
@endsection