<!doctype html>
<html>
    <head>
        <meta charset="utf-8">

        <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
        <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
        <!-- Optional theme -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
        <script>
            $( document ).ready(function() {
                $('#modal-content').modal({
                    show: true
                });
            });
        </script>

    </head>
    <body>
    <form method="post" action="save.php">
        <textarea hidden="true" cols='100' name='data' rows='60'>
            <?php echo $_POST['editor1']?>
        </textarea>

        <div id="modal-content" class="modal fade" tabindex="-1" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 align="center">Set new file name</h4>
                        <input required="" placeholder="enter file name" type="text" name="file"><input type="submit" value="save">
                    </div>
                </div>
            </div>
        </div>
    </form>
    </body>
</html>


