<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="style.css" type="text/css"?>

<window 
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        id="main" title="Calculator" width="300" height="300"
        onload="SearchPaths = ['./'];var a = LoadAssembly('calculator, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null');a.EntryPoint();">
    <!-- required scripts for volta (keep at the top) -->
    <script src="compact2.js"></script>
    <script src="loader.js"></script>
    <!-- for debugging only - remove this before deploying -->
    
    
    <!-- Your XUL code goes here -->
    <label id="resultLabel" value="0" flex="1"/>
    <grid flex="1">
        <columns>
            <column flex="1"/>
            <column flex="1"/>
            <column flex="1"/>
        </columns>
        <rows>
            <row flex="1">
                <button id="btnBackspace" class="red borderless" label="Backspace" flex="1"/>
                <button id="btnCE" class="red" label="CE" flex="1"/>
                <button id="btnC" class="red" label="C" flex="1"/>
            </row>
        </rows>
    </grid>
    <grid flex="4">
        <columns>
            <column flex="1"/>
            <column flex="1"/>
            <column flex="1"/>
            <column flex="1"/>
            <column flex="1"/>
        </columns>
        <rows>
            <row flex="1">
                <button id="btn7" class="blue" label="7" flex="1"/>
                <button id="btn8" class="blue " label="8" flex="1"/>
                <button id="btn9" class="blue" label="9" flex="1"/>
                <button id="btnDiv" class="red" label="/" flex="1"/>
                <button id="btnExp" class="blue" label="^" flex="1"/>
            </row>
            <row flex="1">
                <button id="btn4" class="blue" label="4" flex="1"/>
                <button id="btn5" class="blue " label="5" flex="1"/>
                <button id="btn6" class="blue" label="6" flex="1"/>
                <button id="btnMult" class="red" label="*" flex="1"/>
                <button id="btnSqrt" class="blue" label="sqrt" flex="1"/>
            </row>
            <row flex="1">
                <button id="btn1" class="blue" label="1" flex="1"/>
                <button id="btn2" class="blue " label="2" flex="1"/>
                <button id="btn3" class="blue" label="3" flex="1"/>
                <button id="btnSub" class="red" label="-" flex="1"/>
                <button id="btnInv" class="blue" label="1/x" flex="1"/>
            </row>
            <row flex="1">
                <button id="btn0" class="blue" label="0" flex="1"/>
                <button id="btnNeg" class="blue " label="+/-" flex="1"/>
                <button id="btnSep" class="blue" label="." flex="1"/>
                <button id="btnAdd" class="red" label="+" flex="1"/>
                <button id="btnEq" class="red" label="=" flex="1"/>
            </row>
        </rows>
    </grid>
    
    
    
</window>

