| <?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Bootstrap Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row">
<a href="/">
    <button class="btn-primary pull-left">
        back
    </button>
</a>
</div>
<div class="container">
    <form action="/examples/translated.php" method="post">
        <div class="form-group">
            <label for="source">source lang</label>
            <select id="source" name="source">
                <?php foreach($langs as $k=>$v){?>
                <option value="<?php print $k;?>"><?php print $v;?></option>
                <?php }?>
            </select>
        </div>
        <div class="form-group">
            <label for="dest">dest lang</label>
            <select id="dest" name="dest">
                <?php foreach($langs as $k=>$v){?>
                <option value="<?php print $k;?>"><?php print $v;?></option>
                <?php }?>
            </select>
        </div>
        <div class="form-group">
            <label for="text">text</label>
            <input type="text" class="form-control" id="text" name="text">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
    </form>
</div>
</body>
</html>
 |