write jinja2 macros for repating code here <div class="container-fluid">
    <div class="row text-center justify-content-center">
        <h2>Single Localization From Text</h2>
    </div>
    <div class="row text-center justify-content-center">

        <div class="col-md-4">
            <div id="ckeditor">
                <form id="source-text">
                    <textarea name="source_data" id="editor1"></textarea>
                </form>
            </div>
        </div>

        <div class="col-md-2">
            <div class="container-fluid p-2">
                <a href="home" class="btn btn-secondary" role="button" aria-pressed="true">New</a>
                <input class="btn btn-success" id="download-single" type="submit" value="Save">
            </div>
            <br>
            <div class="container-fluid">
                <label for="source_lang">Source language</label>
                <select class="classic" form="source-text" name="source_lang" id="source_lang">
                    {% for key, value in languages.items() %}
                        {% if key == "en" %}
                            <option value="{{ key }}" selected>{{ value }}</option>
                        {% else %}
                            <option value="{{ key }}">{{ value }}</option>
                        {% endif %}
                    {% endfor %}
                </select>
                <label for="target_lang">Target language</label>
                <select class="classic" form="source-text" name="target_lang" id="target_lang">
                    {% for key, value in languages.items() %}
                        {% if key == "ru" %}
                            <option value="{{ key }}" selected>{{ value }}</option>
                        {% else %}
                            <option value="{{ key }}">{{ value }}</option>
                        {% endif %}
                    {% endfor %}
                </select>
                <input class="btn btn-primary" form="source-text" id="translate-btn" type="submit" value="Translate">
            </div>

        </div>

        <div class="col-md-4">
            <div id="ckeditor">
                <textarea name="content" id="editor2"></textarea>
            </div>
        </div>
            <script type="text/javascript">
                {% include "scripts/translate_json.js" %}
            </script>
    </div>
</div>
<br>
<div class="container-fluid">
    <div class="row text-center justify-content-center">
        <div class="col">
            <h2>Multiple Localization From File</h2>
            <form action="/localization/multi-local-from-file" method="post" enctype="multipart/form-data" id="multilang-form">
                <div class="form-group">
                    <label for="source_lang_for_list">Choose your source language</label>
                    <select class="classic" name="source_lang" id="source_lang_for_list">
                    {% for key, value in languages.items() %}
                        {% if key == "en" %}
                            <option value="{{ key }}" selected>{{ value }}</option>
                        {% else %}
                            <option value="{{ key }}">{{ value }}</option>
                        {% endif %}
                    {% endfor %}
                    </select>
                </div>

                <div class="form-group">
                    <!-- Create the target language select element using bootstrap-select -->
                    <label for="target_lang_list">Choose your target languages</label>
                    <select id="target_lang_list" name="target_lang_list" class="selectpicker" multiple data-live-search="true" required>
                        {% for key, value in languages.items() %}
                            <option value="{{ key }}">{{ value }}</option>
                        {% endfor %}
                    </select>
                </div>

                <div class="form-group">
                    <!-- Create the dropzone element -->
                    <div class="dropzone disabled" id="my-dropzone"></div>
                </div>
                <div class="form-group">
                    <!-- Add buttons for submitting the form and downloading the translated files -->
                    <input class="btn btn-primary" id="multi-translate-btn" type="submit" value="Translate">
                    <a class="btn btn-success" id="download-multiple" download="translated.zip">Download Translated Files</a>
                </div>
            </form>
                <script type="text/javascript">
                    {% include "scripts/dropzone.js" %}
                </script>
        </div>
    </div>
</div>
{% endblock %}