package components

import (
	"net/url"

	"github.com/LazyBachelor/LazyPM/internal/models"
)

type DependenciesListProps struct {
	ContainerID string
	IssueID     string
	Deps        []*models.Issue
}

templ DependenciesList(props DependenciesListProps) {
	<div id={ props.ContainerID }>
		if len(props.Deps) == 0 {
			<div class="text-sm text-base-content/60">
				No dependencies.
			</div>
		} else {
			<div class="space-y-1">
				for _, d := range props.Deps {
					if d != nil {
						<div class="flex items-center justify-between gap-2 border rounded px-2 py-1 text-sm">
							<span class="truncate">
								<span class="font-mono">{ d.ID }</span>
								if d.Title != "" {
									<span class="opacity-70"> — { d.Title }</span>
								}
							</span>
							<button
								class="btn btn-xs btn-ghost text-error"
								hx-delete={ "/issues/" + props.IssueID + "/dependencies?container_id=" + url.QueryEscape(props.ContainerID) + "&depends_on_id=" + url.QueryEscape(d.ID) }
								hx-target={ "#" + props.ContainerID }
								hx-swap="outerHTML"
							>
								Remove
							</button>
						</div>
					}
				}
			</div>
		}
	</div>
}