defmodule ZoeyscomputerWeb.HomeLive do
  use ZoeyscomputerWeb, :live_view

  def mount(_params, _session, socket) do
    if connected?(socket) do
      :timer.send_interval(750, self(), :update_stats)
    end

    socket = assign(socket, cpu_usage: 0, memory_usage: 0, page_title: "home")

    {:ok, socket}
  end

  def handle_info(:update_stats, socket) do
    {:noreply, assign(socket, get_stats())}
  end

  defp get_stats do
    cpu_usage = :cpu_sup.util()
    mem_data = :memsup.get_system_memory_data()

    total_memory = Keyword.get(mem_data, :total_memory, 0)
    free_memory = Keyword.get(mem_data, :free_memory, 0)

    memory_usage =
      if total_memory > 0 do
        (total_memory - free_memory) / total_memory * 100
      else
        0
      end

    %{
      cpu_usage: Float.round(cpu_usage, 2),
      memory_usage: Float.round(100 - memory_usage, 2)
    }
  end

  def render(assigns) do
    ~H"""
    <div class="container p-4 flex justify-center align-middle">
      <div class="border border-ctp-overlay0 rounded-md p-4 flex-col flex items-center">
        <h1 class="font-bold text-ctp-mauve">zoey</h1>
        <p class="text-ctp-text"><i>Software Engineer 🏳️‍⚧️</i></p>
        <p class="max-w-96 text-center mt-4 text-ctp-overlay2">
          Currently cooking this up, stay tuned... in the meantime, you can monitor my server's resources.
        </p>
        <div class="grid w-full text-center font-bold mt-4 grid-cols-2 gap-2">
          <p class="text-ctp-overlay2 bg-ctp-crust p-2 rounded-md w-full border-ctp-mauve border">
            CPU: <%= @cpu_usage %>%
          </p>
          <p class="text-ctp-overlay2 bg-ctp-crust p-2 rounded-md w-full border-ctp-sapphire border">
            MEM: <%= @memory_usage %>%
          </p>
        </div>
        <div class="text-ctp-overlay2 mt-4">
          <%= if @current_user && @current_user.email == "hi@zoeys.computer" do %>
            <p>
              You are already signed in you silly billy
            </p>
          <% else %>
            <p>
              Are you me?
              <.link class="font-bold text-ctp-pink" navigate={~p"/users/log_in"}>Log in.</.link>
            </p>
          <% end %>
        </div>
      </div>
    </div>
    """
  end
end