<!-- Modal contact -->
<div class="modal fade bd-example-modal-lg" id="contact" tabindex="-1" role="dialog" aria-labelledby="contact" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="modal-title-wrap">
<h5 class="modal-title">{{ "messaging.contact" | trans }} {{ pro.proInfo.fullname }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="fal fa-times"></i>
</button>
</div>
{% if app.user %}
{% set conversationToken = conversationBetween(pro, app.user) %}
{% if conversationToken %}
<p class="modal-text">
{{ "messaging.conversation_exists" | trans }}
</p>
<div class="text-center">
<a href="{{ path('read_message', {'token': conversationToken}) }}" class="btn main-btn btn-sm">
{{ "messaging.see_conversation" | trans }}
</a>
</div>
{% else %}
<form action="{{ path('contact_pro', {'from': from}) }}" method="post">
<div class="form-group">
<label for="message" class="required">{{ "messaging.message" | trans }}</label>
<textarea id="message" name="message" required="required" class="form-control"></textarea>
<input type="hidden" name="user_id" value="{{ pro.id }}">
</div>
<button type="submit" name="contact" class="btn main-btn btn-sm m-auto">{{ "messaging.send_message" | trans }}</button>
</form>
{% endif %}
{% else %}
<p class="modal-text">{{ "messaging.must_loggin_send" | trans }}</p>
<div class="must-login-actions">
<a href="{{ path('user_login', {'type': 'trainee'}) }}" class="btn main-btn btn-sm">{{ "footer.login" | trans }}</a>
<a href="{{ path('trainee_registration') }}" class="btn main-btn-outline btn-sm">{{ "sign_up.sign_up" | trans }}</a>
</div>
{% endif %}
</div>
</div>
</div>
</div>