{% extends 'calculators/base.html' %}
{% block content %}
<h3>Basic Calculator</h3>
<div class="row">
  <div class="col-lg-6">
    <div class="card-glass p-3">
      <input id="display" class="calc-display" readonly />
      <div class="keys basic-keys mt-3">
        <button data-action="clear">C</button>
        <button data-action="back">⌫</button>
        <button>7</button><button>8</button>
        <button>9</button><button>4</button>
        <button>5</button><button>6</button>
        <button>1</button><button>2</button>
        <button>3</button><button>0</button>
        <button>.</button><button data-action="equals">=</button>
        <button>+</button><button>-</button>
        <button>*</button><button>/</button>
      </div>
    </div>
  </div>
</div>
{% endblock %}