<!DOCTYPE HTML>

<html>

<head>

    <title>iguana</title>
	 <link rel="stylesheet" href="css/custom.css" type="text/css">     
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/jquery.dropdown.css">
    <link rel="stylesheet" type="text/css" href="css/ripples.css">

    <!-- Gogole Theme -->
    <link rel="stylesheet" type="text/css" href="css/googleFonts.css">
    <link rel="stylesheet" type="text/css" href="css/googleIcons.css">
    <link rel="stylesheet" type="text/css" href="css/googleTheme.css">
		
    <link rel="stylesheet" href="js/amcharts/style.css" type="text/css">
   
    <script src="js/amcharts/amcharts.js" type="text/javascript"></script>
    <script src="js/amcharts/serial.js" type="text/javascript"></script>
    <script src="js/amcharts/amstock.js" type="text/javascript"></script>
    <script src="js/amcharts/plugins/dataloader/dataloader.min.js" type="text/javascript"></script>
    <script src="js/stockchart.js" type="text/javascript"></script>
</head>

<body data-custom-load="true" data-name="iguana" data-tools="pnacl newlib glibc clang-newlib mac" data-configs="Debug Release"
data-path="{tc}/{config}">
    <!-- <div class="jumbotron" style="height:100px;">
            <h> Status: <code id="statusField">NO-STATUS</code></h>
            <p>
            <select id="pipe_name" hidden>
                    <option>urand</option>
                    <option>Pangea</option>
                    <option>MGW</option>
            </select>
            <input type="text" id="pipe_input_box" hidden>
            </p>
            <p><textarea id="pipe_output" hidden></textarea></p>
        </div> -->
    <div class="iguana">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse">
                        <!--Hamburger-->
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!--<a class="navbar-brand" href="#">
                            <img alt="Brand" style="z-index:-1;" src="logo.png" width="25" height="25">
                        </a>-->
                    <a href="#" class="navbar-brand">Iguana</a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li id="welcome"> <!--<a href="#">Welcome <span class="sr-only">(current)</span></a>--></li>

                        <!--<li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">More <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Wiki</a></li>
                                <li><a href="#">Wallet</a></li>
                                <li><a href="#">Community</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Contact</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a>Upload Conf<input type="file" id="files" name="file" /></a></li>
                                <div id="byte_range"></div>
                                <div id="byte_content"></div>
                            </ul>
                        </li>-->
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
        <div class="container" style="height:700px;overflow-y:scroll">
            <!--<div id="welcome_page" class="page" style="text-align: center;">
                <div class="panel panel-default">
                    <!-- Default panel contents 
                    <div class="panel-heading">Welcome</div>
                    <div class="panel-body">
                        <h2>iguana</h2>
                        <p>
                            iguana is fast.
                        </p>
                        <p>
                            iguana does all bitcoin compatibles.
                        </p>
                        <p>
                            iguana is fast.
                        </p>
                    </div>
                </div>
            </div>-->
            <!-- eyedea page is for creating front-end markup -->
            <div id="Pangea_page" class="page">
                <div class="row" style="margin-bottom:15px;">
                    <div class="col-xs-4 col-sm-3 col-md-2">
                        <div class="api-navpills">
                        </div>
                    </div>
                    <div class="col-xs-8 col-sm-9 col-md-10">

                        

                        <div class="panel-group">
                            <div class="panel panel-default api-call-All">
                                <div class="panel-heading">
                                    <h4 class="panel-title api-panel-title">Json posting form</h4>
                                </div>
                                <!-- panel-heading -->
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-xs-9 col-sm-10 col-md-8">
                                            <div class="panel panel-default">
                                                <div class="panel-body">
                                                    <div class="form-group">
                                                        <textarea name="json_to_submit" id="json_src" cols="30" rows="5" class="result form-control" placeholder='Paste json here'></textarea>
                                                    </div>
                                                    <div class="form-group">
                                                        <button class="btn btn-primary host_pangea_request" id='submit_primary'>Host game</button>
                                                        <button class="btn btn-primary list_pangea_request" id='list_pangea'>List games</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-md-4 col-lg-4">
                                            <div class="panel-body">
                                                <h5 class='uri-link'>Response</h5>
                                                <pre class="hljs json result">JSON response</pre>
                                                <button class="btn btn-default clear-response">Clear response</button>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <h3>
                                            <span>List of games</span>
                                            <!--<button id="clearHistory" style='float: right' class='btn btn-default'>Clear history</button>-->
                                        </h3>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <table class="table" id='game_list_table'>
                                                <tbody>

                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                </div>
                                <!-- panel-body -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!--Coin Management Starts-->
            <div id="Coins_page" class="page">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3>Coin Management</h3>
                    </div>
                    <div class="panel-body">

                        <div class="pull-right">
                            <button id="Coins_reset" class="btn btn-raised" title="Reset">Reset</button>
                            <button id="Coins_refresh" class="btn btn-raised" title="Refresh">Refresh</button>
                            <button id="Coins_add" class="btn btn-raised btn-primary" type="button" data-toggle="modal" data-target="#CoinEditModal" title="Add">Add</button>
                        </div>

                        <table id="Coins_table" class="table table-hover table-condensed table-bordered ">
                            <thead>
                                <tr>
                                    <th>Symbol</th>
                                    <th>Description</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <!--Modal starts-->
                        <div class="modal fade" id="CoinEditModal" tabindex="-1" role="dialog" aria-labelledby="editCoinHeader">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="editCoinHeader">Edit Coin</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div id="coinEditFormContainer">
                                            <form class="form-horizontal" id="frmCoinEdit" name="frmCoinEdit">
                                                <div id="txtSymbolGroup" class="form-group">
                                                    <label for="txtSymbol" class="control-label col-xs-2 col-md-2">Symbol</label>
                                                    <div class="col-xs-10 col-md-10">
                                                        <input type="text" id="txtSymbol" name="txtSymbol" class="form-control input-sm" />
                                                    </div>
                                                </div>
                                                <div id="txtDescriptionGroup" class="form-group">
                                                    <label for="txtDescription" class="control-label col-xs-2 col-md-2">Description</label>
                                                    <div class="col-xs-10 col-md-10">
                                                        <input type="text" id="txtDescription" name="txtDescription" class="form-control input-sm" />
                                                    </div>
                                                </div>
                                                <div id="ddCoinStatus" class="form-group">
                                                    <label for="ddStatus" class="control-label col-xs-2 col-md-2">Status</label>
                                                    <div class="col-xs-10 col-md-10">
                                                        <select type="text" id="ddStatus" name="ddStatus" class="form-control input-sm"></select>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button id="btnClearCoinForm" type="button" class="btn btn-raised btn-default" data-dismiss="modal">Nevermind</button>
                                        <button id="btnSaveCoinForm" type="button" class="btn btn-raised btn-primary" data-dismiss="modal">Save</button>
                                        <!-- <button id="btnSaveCoinForm" type="button" class="btn btn-primary">Save</button> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Modal Ends-->
                        
                        <div class="row">
                                        <div class="col-xs-9 col-sm-10 col-md-8">
                                            <div class="panel panel-default">
                                                <div class="panel-body">
                                                    <div class="form-group">
                                                        <textarea id="json_src_coin" cols="30" rows="5" class="result form-control" placeholder='Paste json here'></textarea>
                                                    </div>
                                                    <div class="form-group">
                                                        <button class="btn btn-primary submit_new_coin_test" >Add coin</button>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-md-4 col-lg-4">
                                            <div class="panel-body">
                                                <h5 class='uri-link'>Response</h5>
                                                <pre class="hljs json coin_result">JSON response</pre>
                                                <button class="btn btn-default clear-response-coin">Clear response</button>
                                            </div>
                                        </div>
                                    </div>
                    </div>
                </div>
            </div>
            <!--Coin Management Ends-->


            <!-- peers tab -->
            <div id="Peers_page" class="page">
                <div class="row">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3>
                                    <span>Peer Management</span>
                                </h3>
                        </div>
                        <div class="panel-body"><div>
                            <button class="btn btn-xs btn-success btn-raised connect_to_peers_from_conf"  >Load peers</button>
                            
                            <button class="btn btn-xs btn-success btn-raised save_peersdata_to_conf"  >Save Peers</button>
                            <button class="btn btn-xs btn-success btn-raised update_allpeer_status"  >Update Peers</button>
                            <div class="pull-right">
                                <span class="checkbox"><label><input id="cbShowFavoritePeers" type="checkbox"/> Favorites</label></span>
                            </div></div><div class="pre-scrollable">
                            <table id="peersTable" class="table table-hover table-bordered pre-scrollable">
                                <thead>
                                    <tr>
                                        <th>IP Address</th>
                                        <th>Coin Type</th>
                                        <th>Height</th>
                                        <th>Rank</th>
                                        <th>Block</th>
                                        <th>Favourite </th>
                                        <th>Actions</th>
                                        
                                    </tr>
                                </thead>
                                <tbody id="peersTableBody"></tbody>
                            </table></div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div id="Tradebot_page" class="page">
                <div class="row">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3>
                                    <span>Tradebot</span>
                                </h3>
                        </div>
                        <div class="panel-body center button_div">
                        <button class="btn btn-primary Tradebot_set_method_table" data-method="monitor" >monitor</button>
                     <button class="btn btn-primary Tradebot_set_method_table" data-method="monitorall" >monitorall</button>
                     <button class="btn btn-primary Tradebot_set_method_table" data-method="unmonitor" >unmonitor</button>
                     <button class="btn btn-primary Tradebot_set_method_table" data-method="accumulate" >accumulate</button>
                     <button class="btn btn-primary Tradebot_set_method_table" data-method="divest" >divest</button>
                     
                     <button class="btn btn-primary Tradebot_set_method_table" data-method="activebots" >activebots</button> 
                     <button class="btn btn-primary Tradebot_set_method_table" data-method="status" >status</button> 
                     <button class="btn btn-primary Tradebot_set_method_table" data-method="pause" >pause</button> 
                     
                     <button class="btn btn-primary Tradebot_set_method_table" data-method="stop" >stop</button> 
                     <button class="btn btn-primary Tradebot_set_method_table" data-method="resume" >resume</button> 
                     
                     
                    </div>
                        <div class="panel-body">
                            
                            <table id="tradebot_input" class="table table-hover table-bordered">
                                
                                
                            </table>
                            <table id="trade_output" class="table table-hover table-bordered">
                                
                                
                            </table>
                        </div>
                    </div>
                </div>
            </div>


            <div id="Settings_page" class="page">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Settings</h3>
                    </div>
                    <div class="panel-body" >
                        <div class="row">
                            <div class="pre-scrollable">
                            <div class="col-xs-6 col-md-6 col-lg-6 ">
                                <div id="advanced_settings"></div>
                                </div>
                            <div class="col-xs-6 col-md-6 col-lg-6">
                                <div id="config_settings"></div>
                                <div class="function" id="fread" hidden>
                                    <span>
                                            <select class="file-handle" id="freadHandle"></select>
                                            Count:
                                            <input type="text" id="freadBytes">
                                            <button>fread</button>
                                        </span>
                                </div>
                                <div class="function" id="fwrite" hidden>
                                    <span>
                                            <select class="file-handle" id="fwriteHandle"></select>
                                            Data:
                                            <input type="text" id="fwriteData">
                                            <button>fwrite</button>
                                        </span>
                                </div>
                            </div></div>
                        </div>
                        <div class="row">
                            <div class="col-xs-6 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <button class="btn btn-primary _not_pressed" id="save_settings">Save</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div id="Debug_page" class="page">
                <div class='panel panel-default'>
                    <div class='panel-heading'>
                        <h3><span>
                            Encrypt/decrypt JSON
                        </span></h3>
                    </div>
                    <div class='panel-body'>
                        <div class="row">
                            <div class="col-sm-8 col-md-8">
                                <form class="form-horizontal">
                                    <div class="form-group">
                                        <label for="debug_passphrase" class="control-label col-sm-3 col-md-3">
                                            Passphrase
                                        </label>
                                        <div class="col-sm-7 col-md-7">
                                            <input type="text" class="form-control" id='debug_passphrase'>
                                            <span class='material-input'></span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="debug_permanentfile" class="control-label col-sm-3 col-md-3">
                                            Permanentfile
                                        </label>
                                        <div class="col-sm-7 col-md-7">
                                            <div>
                                                <input type="text"  class="form-control" id='debug_permanentfile'>
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="debug_json_src" class="control-label col-sm-3 col-md-3">
                                            Json
                                        </label>
                                        <div class="col-sm-7 col-md-7">
                                            <textarea name="" id="debug_json_src" cols="30" rows="5" class='form-control'></textarea>
                                            <span class='material-input'></span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <button class="btn btn-primary" id="debug_json_encrypt">
                                            Encrypt JSON    
                                        </button>
                                        <button class="btn btn-primary" id="debug_json_decrypt">
                                            Decrypt JSON    
                                        </button>
                                    </div>

                                </form>
                            </div>
                            <div class="col-sm-4 col-md-4">
                                <h5 class="uri-link">Response</h5>
                                <pre class="hljs json coin_result" id="debug_json_result">JSON response</pre>
                                
                                <h5 class="uri-link">File contents</h5>
                                <pre class="hljs" id="debug_json_file">encrypted file content</pre> 

                                <button class="btn btn-default" id="debug_clear_response">Clear response</button>
                            </div>
                        </div>
                        
                    </div>
                </div>
                
                <div class="jumbotron">
                    <table>
                        <tr >
                            <td><img src="" height="90" width="90" class="imagAPI" data-id="1" id="dest-imagAPI-1" /></td>
                            <td><img src="" height="90" width="90" class="imagAPI" data-id="2" id="dest-imagAPI-2"/></td>
                            <td><img src="" height="90" width="90" class="imagAPI" data-id="3" id="dest-imagAPI-3" /></td>
                            <td><img src="" height="90" width="90" class="imagAPI" data-id="4" id="dest-imagAPI-4" /></td>
                            <td><img src="" height="90" width="90" class="imagAPI" data-id="5" id="dest-imagAPI-5" /></td>
                            <td><img src="" height="90" width="90" class="imagAPI" data-id="6" id="dest-imagAPI-6" /></td>
                            <td><img src="" height="90" width="90" class="imagAPI" data-id="7" id="dest-imagAPI-7" /></td>
                            <td><img src="" height="90" width="90" class="imagAPI" data-id="8" id="dest-imagAPI-8" /></td>
                            <td><img src="" height="90" width="90" class="imagAPI" data-id="9" id="dest-imagAPI-9" /></td>
                            <td><img src="" height="90" width="90" class="imagAPI" data-id="10" id="dest-imagAPI-10" /></td>
                        </tr>
                        
                        <tr>
                            <td align="center" ><input id="name-imagAPI-1" type="text" value="abc1.jpg" size="7"/></td>
                            <td align="center" ><input id="name-imagAPI-2" type="text" value="abc2.jpg" size="7"/></td>
                            <td align="center" ><input id="name-imagAPI-3" type="text" value="abc3.jpg" size="7"/></td>
                            <td align="center" ><input id="name-imagAPI-4" type="text" value="abc4.jpg" size="7"/></td>
                            <td align="center" ><input id="name-imagAPI-5" type="text" value="abc5.jpg" size="7"/></td>
                            <td align="center" ><input id="name-imagAPI-6" type="text" value="abc6.jpg" size="7"/></td>
                            <td align="center" ><input id="name-imagAPI-7" type="text" value="abc7.jpg" size="7"/></td>
                            <td align="center" ><input id="name-imagAPI-8" type="text" value="abc8.jpg" size="7"/></td>
                            <td align="center" ><input id="name-imagAPI-9" type="text" value="abc9.jpg" size="7"/></td>
                            <td align="center" ><input id="name-imagAPI-10" type="text" value="abc10.jpg" size="7"/></td>


                        </tr>
                        <tr style="display: none;">
                            <td><img src="images/img1.png" height="90" width="90" id="src-imagAPI-1" /></td>
                            <td><img src="images/img2.jpg" height="90" width="90" id="src-imagAPI-2" /></td>
                            <td><img src="images/img3.png" height="90" width="90" id="src-imagAPI-3"  /></td>
                            <td><img src="images/img4.png" height="90" width="90" id="src-imagAPI-4"  /></td>
                            <td><img src="images/img1.png" height="90" width="90" id="src-imagAPI-5"  /></td>
                            <td><img src="images/img2.jpg" height="90" width="90" id="src-imagAPI-6"  /></td>
                            <td><img src="images/img3.png" height="90" width="90" id="src-imagAPI-7"  /></td>
                            <td><img src="images/img4.png" height="90" width="90" id="src-imagAPI-8"  /></td>
                            <td><img src="images/img1.png" height="90" width="90" id="src-imagAPI-9"  /></td>
                            <td><img src="images/img2.jpg" height="90" width="90" id="src-imagAPI-10"  /></td>
                        </tr>
                                <tr><td colspan="10">
                            <span id="mousexy"></span>
                            </td>
                        </tr>
                        
                    </table>
                    
                    <div class="debuglog" hidden> <pre id="log" style="font-weight: bold"></pre></div>
                </div>
            </div>
 <div id="Bitmap_page" class="page">
               <div>
                    <select id="pic-changer">
                      <option value="none">None selected</option>
                      <option value="img3.jpg" data-picture="images/img3.png">Image1</option>
                   </select>
               </div>
                
                <div id="image-location">
                    
                </div>
                <div>
                    <span id="bit_mousexy"></span>
                </div>
            </div>


            <div id="Blockexplorer_page" class="page">
                <div class="panel panel-default"> 
                    <!-- Default panel contents -->
                    <div class="panel-heading">
                        <h3>Block Explorer tab</h3>
                    </div>
                    <div class="panel-body center">
                        <div class="pull-right">
                                <span class="checkbox"><label><input id="cbChangeExternalBlocks" type="checkbox"/> Use External Blocks</label></span>
                            </div>
                        <h3>Set Active coin</h3>
                        <div id="BlockExpCoin">
                            
                        </div>
                        <div >
                            <table id="block_input_table"></table>
                        </div>
                        <div>
                           
                            <table  id="block_output_table" width="500px">
                                
                            </table>
                        </div>
                        
                        
                        <table id="appstatus" class="table table-hover table-bordered">
                            
                        </table>
                    </div>
                    
       <div class="col-md-8 col-xs-offset-2 exchangecontainer" >
            <div class="innersection">        
                    <h4 style="text-align:center;">Choose Which Coins to Exchange</h4>
            <div class="coin1">
                    <table>
                    <tr>
                    	<td><label for="coin_volume" >Volume:</label></td>
                    	<td><input type="text" name="one_coin1_volume" id="one_coin1_value" class="shape txt"></td></tr>
                        
                    <tr><td><label for="coin_volume" >Select Coin</label></td>
                    	<td><select class="select_box shape" id="currancy1">
 							 <option value="663.04">BTC</option>
 							 <option value="0.035">BTCD</option>
  						   	 <option value="1.67">VTC</option>
 						     <option value="13.96">ETH</option>
						</select> </td></tr>
                        
                    </table>
                    </div>
             <div class="coin2">
                    <table>
                    <tr>
                    	<td><label for="coin_volume" >Volume:</label></td>
                    	<td><input type="text" name="one_coin2_volume" id="one_coin2_value" class= "shape txt" readonly ></td></tr>
                    <tr><td><label for="coin_volume" >Select Coin</label></td>
                    	<td><select class="select_box shape" id="currancy2">
 							 <option value="0.035">BTCD</option>
 							 <option value="663.04">BTC</option>
  						   	 <option value="1.67">VTC</option>
 						     <option value="13.96">ETH</option>
						</select></td></tr> 
                     </table>
                        
                     
                    </div>
                    <div class="button"> <button class="exchange shape" id="exchange" data-toggle="modal" data-target="#exchange_model">Exchange</button></div>
             </div> 	
        </div><!--exchangecontainer-->
                    
                </div>
                
                
                <!---exchangemodule---->
                
                  <!--Modal starts-->
                        <div class="modal fade" id="exchange_model" tabindex="-1" role="dialog" aria-labelledby="editCoinHeader">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="editCoinHeader">Enter Wallet Address</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div id="coinEditFormContainer">
                                            <form class="form-horizontal" id="frmexchange" name="frmCoinEdit">
                                                <div id="txtSymbolGroup" class="form-group">
                                                    <label for="txtSymbol" class="col-xs-4 col-md-4">Wallet Address From</label>
                                                    <div class="col-xs-8 col-md-8">
                                                        <input type="text" id="address_from" name="txtSymbol" class="input-sm shape" />
                                                    </div>
                                                </div>
                                                <div id="txtDescriptionGroup" class="form-group">
                                                    <label for="txtDescription" class="col-xs-4 col-md-4">Wallet Address To</label>
                                                    <div class="col-xs-8 col-md-8">
                                                        <input type="text" id="address_to" name="txtDescription" class="input-sm shape" />
                                                    </div>
                                                </div>
                                                <!--<div id="ddCoinStatus" class="form-group">
                                                    <label for="ddStatus" class="control-label col-xs-2 col-md-2">Status</label>
                                                    <div class="col-xs-10 col-md-10">
                                                        <select type="text" id="ddStatus" name="ddStatus" class="form-control input-sm"></select>
                                                    </div>
                                                </div>-->
                                            </form>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                       <!--  <button id="btnClearCoinForm" type="button" class="btn btn-raised btn-default" data-dismiss="modal">Nevermind</button>
                                        <button id="btnSaveCoinForm" type="button" class="btn btn-raised btn-primary" data-dismiss="modal">Save</button>-->
                                        <div class="button"> <button class="exchange shape" id="exchange" >Done</button></div>
                                        <!-- <button id="btnSaveCoinForm" type="button" class="btn btn-primary">Save</button> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Modal Ends-->

                
                <!---End exchange module--->
                <style type="text/css">
                    #Blockexplorer_page .center {
                        text-align: center;
                    }
                </style>
            </div>
            
            
            <div id="Instandex_page" class="page">
                <div class="panel panel-default">
                    <!-- Default panel contents -->
                    <div class="panel-heading">
                        <h3>InstantDEX</h3>
                        <div class="chart">
                            <button id="start">Start</button>
                            <button id="stop" disabled="disabled">Stop   </button>
                            <button id="BTCD">   BTCD</button>
                            <button id="VPN">VPN</button>
                            <button id="SYS">SYS</button>
                            <button id="VRC">VRC</button>
                            <button id="SuperNET">SuperNET</button>
                            <button id="crypto777">crypto777</button>
                            <button id="InstantDEX">InstantDEX</button>
                            <button id="Tradebots">Tradebots</button>
                            <button id="Pangea">Pangea</button>
                            <button id="NXTprivacy">NXTprivacy</button>
                            <button id="buy">BUY</button>
                            <button id="sell">SELL</button>
                            <div id="chartdiv"></div>
                        </div>
                        
                    </div><div class="pre-scrollable">
                    <div class="panel-body center">
                        <button class="btn xyz_button_click btn-primary instantdex_set_method_table" data-method="orderbook" >orderbook</button>
                     <button class="btn xyz_button_click btn-primary instantdex_set_method_table" data-method="apikeypair" >API Keypair</button>
                     <button class="btn btn-primary instantdex_set_method_table" data-method="setuserid" >Set Userid</button>
                     <button class="btn btn-primary instantdex_set_method_table" data-method="allpairs" >Allpairs</button>
                     
                     <button class="btn btn-primary instantdex_set_method_table" data-method="balance" >Balance</button>
                     <button class="btn btn-primary instantdex_set_method_table" data-method="support" >Supports</button>
                     
                     <button class="btn btn-primary instantdex_set_method_table" data-method="sell" >Sell</button> 
                     <button class="btn btn-primary instantdex_set_method_table" data-method="buy" >Buy</button> 
                     <button class="btn btn-primary instantdex_set_method_table" id="withdraw" data-method="withdraw" >Withdraw</button> 
                     
                     <button class="btn btn-primary instantdex_set_method_table" data-method="order_status" >Order status </button> 
                     <button class="btn btn-primary instantdex_set_method_table" data-method="order_open" >Open Orders</button> 
                     <button class="btn btn-primary instantdex_set_method_table" data-method="order_cancel" >Cancel Order</button> 
                     
                     <button class="btn btn-primary instantdex_set_method_table" data-method="trade_history" >Trade History</button> 
                     <button class="btn btn-primary instantdex_set_method_table" data-method="pollgap" >Pollgap</button> 
                     <button class="btn btn-primary instantdex_set_method_table" data-method="tradeint" >Trade integration</button>
                     
                    </div>
                    
                    <div class="panel-body center">
                        <table id="Instandex_form_table" class="table table-hover table-bordered">
                        </table>
                        </div>
                    <div class="panel-body center">
                        <table id="Instandex_output_table" class="table table-hover table-bordered" >
                            
                        </table>
                    </div></div>
                    
                </div>
                <style type="text/css">
                    #Blockexplorer_page .center {
                        text-align: center;
                    }
                </style>
            </div>


            <div id="listener"></div>
        </div>
    </div>
    <!--if android style ripple effect is not working, try temporarily deleting the following line-->
    <script type="text/javascript " src="example.js "></script>

    <!--jQuery-->
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

    <!--Bootstrap-->
    <script type="text/javascript" src="js/bootstrap.js"></script>


    <!--Google Theme-->
    <script type="text/javascript" src='js/googleTheme.min.js'></script>
    <script type="text/javascript" src='js/ripples.min.js'></script>
    <script type="text/javascript" src='js/jquery.dropdown.js'></script>

    <!--Iguana genric code-->
        <script type="text/javascript" src="js/api.js" " charset="utf-8 "></script>
        <script src="app/coin_mgmt.js "></script>
        <script type="text/javascript " src="js/util.js "></script>
        <script type="text/javascript " src="js/sites.js "  charset="utf-8 "></script>
        <script type="text/javascript " src="app/common.js "></script>
        <script type="text/javascript " src="app/startup.js " ></script>
        <script type="text/javascript " src="js/settings.js "  charset="utf-8 "></script>
        <!--Iguana tabs-->
        <script src='js/form.js'></script>
        <script type="text/javascript " src='js/peerlist.js'></script>
        <script type="text/javascript " src="js/methods.js "  charset="utf-8 "></script>
        
        <script type="text/javascript " src="js/imgAPI.js " ></script>
        <script type="text/javascript " src="js/pangea.js" ></script>
        <script type="text/javascript " src="js/blockexplorer.js" ></script>
        <script type="text/javascript " src="js/instantdex.js" ></script>
        <script type="text/javascript " src="js/tradebot.js" ></script>
        <script type="text/javascript " src="js/storage.js" ></script>
        <script type="text/javascript " src="js/jquery.tablesort.js" ></script>
        <script type="text/javascript " src="js/tradeintegration.js" ></script>
        <script type="text/javascript " src="js/debugJson.js" ></script>
        <script type="text/javascript " src="js/bitmap.js " ></script>
	<script type="text/javascript " src="js/index.js " ></script>
    </body>

</html>