import Elementary
import ElementaryHTMX
import SharedModels

struct EmployeeForm: HTML {
  let employee: Employee?
  let shouldShow: Bool

  init(employee: Employee? = nil, shouldShow: Bool = false) {
    self.employee = employee
    self.shouldShow = shouldShow
  }

  init(employee: Employee) {
    self.employee = employee
    self.shouldShow = true
  }

  var content: some HTML {
    Float(shouldDisplay: shouldShow, resetURL: "/employees") {
      form(
        employee == nil ? .hx.post(targetURL) : .hx.put(targetURL),
        .hx.target(target),
        employee == nil
          ? .hx.swap(.beforeEnd.transition(true).swap("0.5s"))
          : .hx.swap(.outerHTML.transition(true).swap("0.5s")),
        .custom(
          name: "hx-on::after-request",
          value: "if (event.detail.successful) toggleContent('float'); window.location.href='/employees';"
        )
      ) {
        div(.class("row")) {
          input(
            .type(.text), .class("col-5"),
            .name("firstName"), .value(employee?.firstName ?? ""),
            .placeholder("First Name"), .required
          )
          div(.class("col-2")) {}
          input(
            .type(.text), .class("col-5"),
            .name("lastName"), .value(employee?.lastName ?? ""),
            .placeholder("Last Name"), .required
          )
        }
        div(.class("btn-row")) {
          button(.type(.submit), .class("btn-primary")) {
            buttonLabel
          }
          if let employee {
            Button.danger {
              "Delete"
            }
            .attributes(
              .hx.delete("/api/v1/employees/\(employee.id)"),
              .hx.confirm("Are you sure you want to delete this employee?"),
              .hx.target("#employee_\(employee.id)"),
              .hx.swap(.outerHTML.transition(true).swap("1s"))
            )
          }
        }
      }
    }
  }

  private var target: HXTarget {
    guard let employee else {
      return .employee(.table)
    }
    return .employee(.row(id: employee.id))
  }

  private var buttonLabel: String {
    guard employee != nil else { return "Create" }
    return "Update"
  }

  private var targetURL: String {
    guard let employee else { return "/employees" }
    return "/employees/\(employee.id)"
  }
}