<li class="app-sidebar__heading" style="color:#003e80 !important">Filters</li>
<input type="hidden" value="" id="cond">
<div class="btn-actions-pane-right">
    <div role="group" class="btn-group-sm btn-group text-center">
        <button class="btn-transition btn btn-outline-success btn-sm" onclick="flagConstruct()" style="margin-left:50px">&nbsp;&nbsp;Apply&nbsp;&nbsp;</button>
        <button class="btn-transition btn btn-outline-danger btn-sm" onclick="resetFilters()" style="margin-left:5px">&nbsp;&nbsp;Reset&nbsp;&nbsp;</button>
    </div>
</div>
<fieldset style="width:244px;border:1px solid blue !important" id="timeField">
    <legend style="font-size: 12px"><b style="font-size: 14px">Time Period</b></legend>
    <select id="time" class="form-control" multiple="multiple" style="height:35px;margin-top:-10px;font-size:0.8rem !important;border: 1px solid grey !important">
        <?php 
            foreach($time as $key => $value)
            {
                echo '<option value="'.$key.'" data-name="'.$value.'">'.$value.'</option>';
            }
        ?>
    </select>
</fieldset>
<fieldset style="width:244px;border:1px solid blue !important" id="zoneField">
    <legend style="font-size: 12px"><b style="font-size: 14px">Zone</b></legend>
    <select id="zone" class="form-control" multiple="multiple" style="height:35px;margin-top:-10px;font-size:0.8rem !important;border: 1px solid grey !important" onchange="zoneF(this.id)">
        <?php 
            foreach($zone as $key => $value)
            {
                echo '<option value="'.$key.'" data-name="'.$value.'">'.$value.'</option>';	
            }
        ?>
    </select>
</fieldset>
<fieldset style="width:244px;border:1px solid blue !important" id="regionField">
    <legend style="font-size: 12px"><b style="font-size: 14px">Region</b></legend>
    <select id="region" class="form-control" multiple="multiple" style="height:35px;margin-top:-10px;font-size:0.8rem !important;border: 1px solid grey !important" onchange="regionF(this.id)">
        
    </select>
</fieldset>
<fieldset style="width:244px;border:1px solid blue !important" id="cityField">
    <legend style="font-size: 12px"><b style="font-size: 14px">City</b></legend>
    <select id="city" class="form-control" multiple="multiple" style="height:35px;margin-top:-10px;font-size:0.8rem !important;border: 1px solid grey !important">
        
    </select>
</fieldset>