{% include 'AdminTemplates/adminDash.html' %} {% load static %}
{% block body %}
<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>meta tags</h4>
            </div>
        </div>
        {% if edit_saved %}
        <span style="color: green;">{{edit_saved}}</span>
        {% endif %}

        <div class="card">
            <div class="card-body">
                <form action="{% url 'meta_form' %}" method="POST" enctype="multipart/form-data">
                    {% csrf_token %}
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label>META Tags</label>
                                <input type="text" value="{{meta_tag}}" name="meta_tags" required>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label>META Description</label>
                                <textarea class="form-control" name="meta_description" required>{{meta_description}}</textarea>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <button type="submit" class="btn btn-submit me-2">Modify</button>
                            <a href="{% url 'meta_tags' %}" class="btn btn-cancel">Cancel</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script>
    $('input[name="meta_tags"]').on('keyup', function (e) {
        if (e.which === 32) {
            var str = $(this).val().split('');
            if (str[str.length - 2] === ',') {
                $(this).val($(this).val().replace(' ', ''));
            }
            $(this).val($(this).val().replace(' ', ','));
        }
    });
</script>
{% endblock body %}