<?php

include("includes/linkshead.php");
?>
<script type="text/javascript">
    $(document).ready(function() {
        // $("body").on("keyup", ".input1, .input2", calfunc);

        // function calfunc() {
        


        // }
        $(".add").click(function() {
            var input1 = $(".input1").val();
            var input2 = $(".input2").val();


            var ans = parseFloat(input1) +  parseFloat(input2);
            var p = "Answer is" + ans;
            $(".ans").html(p);
        });


    });
</script>
<script src="MyScript/openbal.js" type="text/javascript"></script>
</head>

<body>

    <form action='' method='POST'>
        <!-- Default box -->
        <div class="row">
            <div class="col-lg-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><?php echo $formname; ?></h3>
                        <div class="actions pull-right">
                            <i class="fa fa-chevron-down"></i>

                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 text-right pad">
                                <label class="label-control marg"></label>
                            </div>
                            <div class="col-lg-2 col-md-8 col-sm-8 col-xs-8 pad">
                                <input type="text" class="form-control  input1" name="input1" value="">
                            </div>

                            <div class="col-lg-1 col-md-3 col-sm-3 col-xs-3 text-right pad">
                                <label class="label-control marg"></label>
                            </div>
                            <div class="col-lg-2 col-md-8 col-sm-8 col-xs-8 pad">
                                <input type="text" class="form-control  input2" name="input2" value="">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-2 col-md-3 col-sm-3 col-xs-3 text-center ">
                                <label class="label-control marg add" style="border: 1px solid black; padding: 7px"> ADD </label>
                            </div>


                            <div class="col-lg-2 col-md-3 col-sm-3 col-xs-3 text-center ">
                                <label class="label-control marg sub" style="border: 1px solid black; padding: 7px"> MINUS </label>
                            </div>

                            <div class="col-lg-2 col-md-8 col-sm-8 col-xs-8 text-center ">
                                <label class="label-control marg mul" style="border: 1px solid black; padding: 7px"> MULTIPLE </label>
                            </div>
                        </div>

                        <div class="row">

                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 text-center ans">
                            </div>


                        </div>



                    </div>



                </div>
            </div>

        </div>
    </form>
    
    <?php include("includes/linksfoot.php"); ?>
</body>

</html>