<div class="container">
    <div class="row">
        <h2>Select Search By</h2>
        <div class="select-option">
            <select class="form-control" onchange="dueSearch();" id="search_bar_option">
                <option value="" disabled="" selected>Select a Category From Here</option>
                <option value="1">Month</option>
                <option value="2">Year</option>
            </select>
        </div>


        <?php $month = array('January','February','March','April','May','June','July','August','September','October','November','December');?>

        <div id="month-year" class="hide">
            <h2>Select a Month and Year To Find Due Installment </h2>
            <div class="col-lg-4">
                    <select class="form-control" id="search-month">
                        <?php for($i=0; $i<12; $i++){?>
                            <option value="<?php echo $i;?>"><?php echo $month[$i];?></option>
                        <?php }?>
                    </select>
            </div>
            <div class="col-lg-4">
                <select class="form-control" id="search-year">
                    <?php for($i=2013; $i<=date('Y'); $i++){?>
                        <option value="<?php echo $i;?>"><?php echo $i;?></option>
                    <?php }?>
                </select>
            </div>
            <div class="col-lg-4">
                <div class="btn btn-primary" onclick="search_month_year();">Search</div>
            </div>
        </div>

    </div>
</div>

