<div class="container">
    <div class="row">
        <div class="col-md-10">

        </div>

        <div class="col-md-2">
            <button type="button" onclick="saveAll()" class="btn grey-btn save-all-btn custom-btn" disabled>Save all changes</button>
        </div>
    </div>

    <table class="table table-striped">
        <thead>
            <tr>
                <th>
                    <div id="ref_key" class="mouse-pointer column-sort" data-order="<?= $_SESSION['column'] == 'ref_key' && $_SESSION['sort'] == 'desc' ? 'asc' : 'desc' ?>">Key
                        <span class="fa fa-sort-amount-<?= $_SESSION['column'] == 'ref_key' && $_SESSION['sort'] == 'desc' ? 'desc' : 'asc' ?> order-span"></span>
                    </div>
                </th>
                <th>
                    <div style="margin-left: 45px;" id="ref_text" class="mouse-pointer column-sort" data-order="<?= $_SESSION['column'] == 'ref_text' && $_SESSION['sort'] == 'desc' ? 'asc' : 'desc' ?>">Reference
                        <span class="fa fa-sort-amount-<?= $_SESSION['column'] == 'ref_text' && $_SESSION['sort'] == 'desc' ? 'desc' : 'asc' ?> order-span"></span>
                    </div>
                </th>
                <th>Translate</th>
                <th></th>
                <th>
                    <div style="margin-left: 40px;" id="lang_text" class="mouse-pointer column-sort" data-order="<?= $_SESSION['column'] == 'lang_text' && $_SESSION['sort'] == 'desc' ? 'asc' : 'desc' ?>"><?= $user->name ?>
                        <span class="fa fa-sort-amount-<?= $_SESSION['column'] == 'lang_text' && $_SESSION['sort'] == 'desc' ? 'desc' : 'asc' ?> order-span"></span>
                    </div>
                </th>
                <th></th>
            </tr>
        </thead>
        <tbody id="data-table">

        </tbody>
    </table>

    <div class="row">
        <div class="col-md-10">

        </div>

        <div class="col-md-2">
            <button type="button" onclick="saveAll()" class="btn grey-btn save-all-btn custom-btn" disabled>Save all changes</button>
        </div>
    </div>

    <ul class="pagination" id="pagination"></ul>

    <div id="total"></div>

    <!-- Modal -->
    <div class="modal fade" id="myModal" role="dialog">
        <input type="hidden" id="ref_id" value="" />

        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Ask for context</h4>
                </div>

                <div class="modal-body">

                </div>

                <div class="modal-footer">
                    <button type="button" id="send_context" class="btn btn-success">Send</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
</div>