<?xml version="1.0" encoding="UTF-8" ?>
<Module>
    <ModulePrefs title="Auto Complete Search" description="g1" height="250">
        <Require feature="pubsub-2"/>
        <Require feature="dynamic-height"/>
        <Require feature="wso2-gadgets-remoteClient" />
    </ModulePrefs>
    <Content type="html">
        <![CDATA[
        <head>
            
          <!-- Theme -->
          <link rel="stylesheet" type="text/css" href="/portal/libs/bootstrap_3.3.5/css/bootstrap.min.css" />
          <link rel="stylesheet" type="text/css" href="/portal/libs/font-wso2_1.0.0/css/font-wso2.min.css" />
          <link rel="stylesheet" type="text/css" href="/portal/libs/theme-wso2_1.0/css/theme-wso2.css" />
          <link rel="stylesheet" type="text/css" href="../commons/css/gadget.css" />
          
          <!-- jQuery -->
          <script src="../commons/js/jquery-1.10.2.js"></script>
          <script src="../commons/js/moment.min.js"></script>


          <!-- Custom -->
          <link rel="stylesheet" type="text/css" href="css/autocomplete.css" />
          <script src="js/gadget-utils.js"></script>
          <script src="js/typeahead.bundle.js"></script>
          <script src="js/gadgetconf.js"></script>
          <script src="js/main.js"></script>

        </head>
        <body class="widget">
            
            <div class="form-group has-form-control-btn">
                <button class="form-control-btn" type="button" title="Search">
                    <i class="fw fw-search" aria-hidden="true"></i>
                </button>
                <input type="text" id="txtSearch" class="form-control typeahead" placeholder="Search...">
            </div> 

        </body>
        ]]>
    </Content>
</Module>