{% 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="{{ route('messaging.submit') }}" method="post">
                <div class="row">
                    <label for="subject">Title:</label>
                    <input type="text" name="title" id="title" placeholder="Insert a title for this Thread" />
                </div>
                <div class="row">
                    <label for="category">Category:</label>
                    <select name="category" id="category">
                        {% for category in categories %}
                            <option value="{{ loop.index }}">{{ category }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="row">
                    <label for="text">Your message:</label>
                    <textarea placeholder="" class="firstM" name="text" id="text" cols="30" rows="10"></textarea>
                </div>
                <div class="membersFormActions">
                    <a class="buttonAlt" href="{{ route('messaging.index') }}">Back</a>
                    <button class='nBi button' type="submit">Send</button>
                </div>
            </form>

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

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

{% endblock %}
