{% extends 'layouts/members.twig' %}

{% block members_content %}

    {% include 'includes/elements/intro_block.twig' with {
        intro_title: 'New message',
        intro_content: 'We are here to help. Please send us any queries you have.',
        class: 'membersIntro',
        use_h1: true
    }%}

    <div class="membersContentWrap">


        <div class="messageFormWrap">

            <form action="/plugins/MembersMessaging/?act=create" method="post">
                <div class="row">
                    <label for="category">Category:</label>
                    <select name="category" id="category">
                        {% for category in categories %}
                            <option value="{{ loop.index0 }}">{{ category }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="row">
                    <label for="text">Your message:</label>
                    <textarea class="firstM" name="text" id="text" cols="30" rows="10"></textarea>
                </div>
                <div class="membersFormActions">
                    <a class="buttonAlt" href="/members/messages/">Back</a>
                    <button class='nBi button' type="submit">Send</button>
                </div>
            </form>

        </div> <!-- .messageFormWrap -->

    </div> <!-- .membersContentGrid -->

{% endblock %}
