<div id="qe-file">
    <div id="widget-file">
        <div class="control-group">
            <table class="table table-condensed">
                <thead>
                    <tr>
                        <th>Chinese</th>
                        <th>English</th>
                        <th class="span1"></th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td style="text-align:center" colspan="3">
                            <a class="btn btn-primary btn-small" href="#modal-file" data-toggle="modal"><i class="icon-plus icon-white"></i> ADD/新增</a>
                        </td>
                    </tr>
                </tfoot>
                <tbody>
                    <tr>
                        <td>…</td>
                        <td>…</td>
                        <td><a href="#modal-file" data-toggle="modal" class="action"><i class="icon-pencil"></i></a><a href class="action"><i class="icon-remove"></i></a></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="modal-file" class="modal hide fade">
            <div class="modal-header">
                <a class="close" data-dismiss="modal">×</a>
                <h3>Add File / Edit File</h3>
            </div>
            <div class="modal-body form-horizontal">
                <div class="controls file-upload">
                <label class="control-label btn" for="input-upload">
                    Browse
                    <input id="input-upload" class="upload" type="file" name="upload" onchange="document.getElementById('fn').innerHTML = this.value;">
                </label>
                <span id='fn' class="file-name"></span>
                </div>
                <div class="control-group">
                    <label for="file-zh-tw" class="control-label">Chinese</label>
                    <div class="controls">
                    <input type="text" value="" id="file-zh-tw" class="input-xlarge">
                    <span class="help-inline">Please correct the error</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="file-en" class="control-label">English</label>
                    <div class="controls">
                    <input type="text" value="" id="file-en" class="input-xlarge">
                    <span class="help-inline">Please correct the error</span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <a class="btn btn-primary" href="#">Submit/確定</a>
                <a class="btn" data-dismiss="modal" href="#">Cancel/取消</a>
            </div>
        </div>
    </div>
</div>
