module Web.View.StewardshipRoles.Show where

import Web.Types
import Generated.Types
import IHP.Prelude
import IHP.ViewPrelude
import Web.Routes ()

data ShowView = ShowView
    { role :: !StewardshipRole
    , hub  :: !Hub
    }

instance View ShowView where
    html ShowView { .. } = [hsx|
        <div class="max-w-xl">
            <div class="flex items-center gap-3 mb-6">
                <a href={StewardshipRolesAction} class="text-sm text-gray-500 hover:underline">Stewards</a>
                <span class="text-gray-300">/</span>
                <h1 class="text-2xl font-semibold">{role.roleName}</h1>
                {renderRoleStatusBadge (isNothing role.revokedAt)}
            </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">Hub</dt>
                        <dd class="font-medium">{hub.name}</dd>
                    </div>
                    <div>
                        <dt class="text-gray-500">Assigned To</dt>
                        <dd class="font-medium">{role.assignedTo}</dd>
                    </div>
                    <div>
                        <dt class="text-gray-500">Granted At</dt>
                        <dd>{show role.grantedAt}</dd>
                    </div>
                    <div>
                        <dt class="text-gray-500">Revoked At</dt>
                        <dd>{maybe "–" show role.revokedAt}</dd>
                    </div>
                    {maybe mempty renderRoleNotes role.notes}
                </dl>
            </div>

            {if isNothing role.revokedAt then renderRevokeLink role.id else mempty}
        </div>
    |]

renderRoleStatusBadge :: Bool -> Html
renderRoleStatusBadge True  = [hsx|<span class="text-sm bg-green-100 text-green-700 px-2 py-0.5 rounded font-medium">active</span>|]
renderRoleStatusBadge False = [hsx|<span class="text-sm bg-gray-100 text-gray-500 px-2 py-0.5 rounded font-medium">revoked</span>|]

renderRoleNotes :: Text -> Html
renderRoleNotes n = [hsx|
    <div class="col-span-2">
        <dt class="text-gray-500">Notes</dt>
        <dd class="text-gray-700">{n}</dd>
    </div>
|]

renderRevokeLink :: Id StewardshipRole -> Html
renderRevokeLink rid = [hsx|
    <div class="mt-4">
        <a href={RevokeRoleAction (rid)}
           class="text-sm text-red-600 hover:underline"
           onclick="return confirm('Revoke this stewardship role?')">
            Revoke Role
        </a>
    </div>
|]