{% extends 'base.html.twig' %}

{% block body %}
    <div id="contactcontainer">
        <h2>{{ 'Contact Us'|trans }}</h2>
        <i class="underline-border"></i>
        <div class="phone-numbers">
            <div class="col">
                <span class="icon-container"><i class="icon-phone"></i></span>
                {{ '_ELNASHRA_PHONE_'|trans }}
            </div>
            <div class="col">
                <span class="icon-container"><i class="icon-fax"></i></span>
                {{ '_ELNASHRA_FAX_'|trans }}
            </div>
        </div>
        <i class="underline-border"></i>
        <div id="contactform">
            <div class="leftpanel">
                {% if msg is defined %}
                <p>{{ msg }}</p>
                {% endif %}
                {% if not success is defined or not success %}
                <form action="{{ url('homepage') }}contact" method="post" enctype="multipart/form-data">
                    <ul>
                       {% if message is defined %}
                        <div class="error">
                            {{ message }}
                        </div>
                        {% endif %}
                        <li class="required floating">
                            <input type="text" class="name" name="name" value="{% if name is defined %}{{ name }}{% endif %}" placeholder="{{ '_NAME_'|trans }}" required>
                        </li><li class="floating">
                            <input type="text" class="phone" name="phone" value="{% if phone is defined %}{{ phone }}{% endif %}" placeholder="{{ '_PHONE_'|trans }}">
                        </li>
                        <li class="required">
                            <input type="email" class="email" name="email" value="{% if email is defined %}{{ email }}{% endif %}" placeholder="{{ '_EMAIL_'|trans }}" required>
                        </li>
                        <li>
                            <label for="target" style="color: #ae0004; margin-left: 0.5rem;">{{ '_PURPOSE_OF_MESSAGE_'|trans }}</label>
                            <select id="target" name="target">
                                <option value="1">{{ '_REDACTION_'|trans }}</option>
                                {% if t_ads is defined %}
                                <option value="2" selected>{{ '_ADS_'|trans }}</option>
                                {% else %}
                                <option value="2">{{ '_ADS_'|trans }}</option>
                                {% endif %}
                            </select>
                        </li>
                        <li>
                            <label>{{ '_ADD_IMAGES_'|trans }}</label>
                            <input type="file" class="file" name="attachement[]"  multiple="true">
                        </li>
                        <li class="required">
                            <textarea class="text" name="text"  placeholder="{{ '_MSG_'|trans }}" required>{% if text is defined %}{{ text }}{% endif %}</textarea>
                        </li>
                        <li>
                            <div class="submit">
                                <input type="submit" name="submit" value="{{ '_SEND_'|trans }}"/>
                            </div>
                        </li>
                        <li class="required-note">
                            <p><span>* </span>{{ '_REQUESTED_FIELDS_'|trans }}</p>
                        </li>
                    </ul>
                </form>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}