{% extends "pages/base.html" %}
{% load i18n %}
{% block title %}{% trans "Electrical Power Calculator" %}{% endblock %}
{% block content %}
<h1>{% trans "Electrical Power Calculator" %}</h1>
{% include "awg/_calculator_nav.html" with active_calculator="electrical_power" %}
<form method="post" id="electrical-power-calculator" class="mb-3">
  {% csrf_token %}
  <div class="row g-3">
    <div class="col-md-3">
      <label class="form-label" for="voltage">{% trans "Voltage (V)" %}</label>
      <input id="voltage" name="voltage" type="number" step="0.01" min="0.01" class="form-control" value="{{ form.voltage }}" required>
    </div>
    <div class="col-md-3">
      <label class="form-label" for="current">{% trans "Current (A)" %}</label>
      <input id="current" name="current" type="number" step="0.01" min="0.01" class="form-control" value="{{ form.current }}" required>
    </div>
    <div class="col-md-3">
      <label class="form-label" for="power_factor">{% trans "Power Factor" %}</label>
      <input id="power_factor" name="power_factor" type="number" step="0.01" min="0.01" max="1" class="form-control" value="{{ form.power_factor }}" required>
    </div>
    <div class="col-md-3">
      <label class="form-label" for="phases">{% trans "Phases" %}</label>
      <select id="phases" name="phases" class="form-select">
        <option value="1" {% if form.phases == "1" %}selected{% endif %}>{% trans "Single-phase" %}</option>
        <option value="3" {% if form.phases == "3" %}selected{% endif %}>{% trans "Three-phase" %}</option>
      </select>
    </div>
  </div>
  <button type="submit" class="btn btn-primary mt-3">{% trans "Calculate" %}</button>
</form>

{% if error %}
<p class="text-danger">{% trans "Error:" %} {{ error }}</p>
{% endif %}

{% if result %}
<h2>{% trans "Results" %}</h2>
<table class="table table-sm">
  <tbody>
    <tr><th>{% trans "Apparent Power (kVA)" %}</th><td>{{ result.kva }}</td></tr>
    <tr><th>{% trans "Real Power (kW)" %}</th><td>{{ result.kw }}</td></tr>
    <tr><th>{% trans "Reactive Power (kVAr)" %}</th><td>{{ result.kvar }}</td></tr>
    <tr><th>{% trans "Recommended Breaker (A)" %}</th><td>{{ result.recommended_breaker }}</td></tr>
  </tbody>
</table>
{% endif %}
{% endblock %}