module Web.View.DeploymentRecords.New where

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

data NewView = NewView
    { record      :: !DeploymentRecord
    , decisions   :: ![DecisionRecord]
    , implRefs    :: ![ImplementationChangeReference]
    , users       :: ![User]
    , mDecisionId :: !(Maybe (Id DecisionRecord))
    }

instance View NewView where
    html NewView { .. } = [hsx|
        <div class="mb-6 flex items-center gap-2 text-sm text-gray-500">
            <a href={DeploymentRecordsAction} class="hover:text-gray-700">Deployments</a>
            <span>/</span>
            <span>New</span>
        </div>

        <div class="max-w-xl">
            <h1 class="text-2xl font-semibold mb-6">Record Deployment</h1>

            <form method="POST" action={CreateDeploymentRecordAction}
                  class="bg-white rounded-lg border border-gray-200 px-6 py-5 space-y-4">
                {hiddenField "authenticity_token"}

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Decision <span class="text-red-500">*</span>
                    </label>
                    <select name="decisionId"
                            class="w-full text-sm border border-gray-300 rounded px-3 py-2">
                        {forEach decisions (renderDecisionOption mDecisionId)}
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Implementation Reference <span class="text-gray-400">(optional)</span>
                    </label>
                    <select name="implRefId"
                            class="w-full text-sm border border-gray-300 rounded px-3 py-2">
                        <option value="">— none —</option>
                        {forEach implRefs renderImplRefOption}
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Version Reference <span class="text-red-500">*</span>
                    </label>
                    <input type="text" name="versionRef"
                           value={record.versionRef}
                           placeholder="e.g. v1.2.3, git:abc1234, deploy/2026-03-29"
                           class="w-full text-sm border border-gray-300 rounded px-3 py-2" />
                    {validationErrorsFor record #versionRef}
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Notes <span class="text-gray-400">(optional)</span>
                    </label>
                    <textarea name="notes" rows="3"
                              class="w-full text-sm border border-gray-300 rounded px-3 py-2">{fromMaybe "" record.notes}</textarea>
                </div>

                <div class="flex gap-3 pt-2">
                    <button type="submit"
                            class="text-sm bg-indigo-600 text-white px-4 py-2 rounded hover:bg-indigo-700">
                        Record Deployment
                    </button>
                    <a href={DeploymentRecordsAction}
                       class="text-sm border border-gray-300 px-4 py-2 rounded hover:bg-gray-50">
                        Cancel
                    </a>
                </div>
            </form>
        </div>
    |]

renderDecisionOption :: Maybe (Id DecisionRecord) -> DecisionRecord -> Html
renderDecisionOption mSelected d = [hsx|
    <option value={show d.id} selected={isSelected}>
        {d.title} ({d.outcome})
    </option>
|]
  where
    isSelected = case mSelected of
        Just sid -> sid == d.id
        Nothing  -> False

renderImplRefOption :: ImplementationChangeReference -> Html
renderImplRefOption ref = [hsx|
    <option value={show ref.id}>{ref.workItemRef} ({ref.system})</option>
|]