{% extends 'calculators/base.html' %}
{% block content %}
<h3>Scientific Calculator</h3>
<div class="row">
  <div class="col-lg-6">
    <div class="card-glass p-3">
      <input id="s-display" class="calc-display" readonly />
      <div class="scientific-keys keys mt-3">
        <button>7</button><button>8</button><button>9</button><button data-fn="sin">sin</button>
        <button>4</button><button>5</button><button>6</button><button data-fn="cos">cos</button>
        <button>1</button><button>2</button><button>3</button><button data-fn="tan">tan</button>
        <button>0</button><button>.</button><button data-action="equals">=</button><button data-fn="log">log</button>
        <button data-action="clear">C</button><button data-fn="sqrt">√</button><button>(</button><button>)</button>
      </div>
    </div>
  </div>
</div>
{% endblock %}