module Web.View.ArchiveRecords.Show where

import Web.Types
import Generated.Types
import IHP.Prelude
import IHP.ViewPrelude

data ShowView = ShowView
    { record :: !ArchiveRecord
    }

instance View ShowView where
    html ShowView { .. } = [hsx|
        <div class="max-w-xl">
            <div class="flex items-center gap-3 mb-6">
                <a href={ArchiveRecordsAction} class="text-sm text-gray-500 hover:underline">Archive</a>
                <span class="text-gray-300">/</span>
                <h1 class="text-2xl font-semibold">Archive Record</h1>
            </div>

            <div class="bg-white rounded-lg border border-gray-200 p-6">
                <dl class="grid grid-cols-2 gap-4 text-sm">
                    <div>
                        <dt class="text-gray-500">Subject Type</dt>
                        <dd class="font-medium">{record.subjectType}</dd>
                    </div>
                    <div>
                        <dt class="text-gray-500">Subject ID</dt>
                        <dd class="font-mono text-xs">{show record.subjectId}</dd>
                    </div>
                    <div>
                        <dt class="text-gray-500">Archived At</dt>
                        <dd>{show record.archivedAt}</dd>
                    </div>
                    <div>
                        <dt class="text-gray-500">Archived By</dt>
                        <dd>{record.archivedBy}</dd>
                    </div>
                    <div class="col-span-2">
                        <dt class="text-gray-500">Reason</dt>
                        <dd class="text-gray-700">{record.reason}</dd>
                    </div>
                    {whenJust record.lineageRef \ref -> [hsx|
                        <div class="col-span-2">
                            <dt class="text-gray-500">Lineage Reference</dt>
                            <dd class="font-mono text-xs text-gray-700">{ref}</dd>
                        </div>
                    |]}
                </dl>
            </div>

            {if record.subjectType == "Widget"
                then [hsx|
                    <div class="mt-4">
                        <a href={LineageInspectorAction { widgetId = coerce record.subjectId }}
                           class="text-sm text-indigo-600 hover:underline">View Lineage →</a>
                    </div>
                |]
                else mempty}
        </div>
    |]