{% extends 'communicationAlt/fr/email/notification/base.html.twig' %}
{% block body %}
<table style="width:100%;font-family:{{api_env('EMAILS_FONT')}}, sans-serif;">
    <tr>
        <td>
            <table style="width:100%;">
                <tr>
                    <td style="width:70%">
                        <p>Hello<b style="color:{{api_env('EMAILS_COLOR_PRIMARY')}}"> {{context.user.givenName|capitalize}} {{context.user.shortFamilyName|capitalize}}</b></p>
                        <p>{{context.senderAlias|capitalize}} from the carppoling platform {{context.senderOperator}} has made a formal request for carpooling, details below.</p>
                        <p>Occasional trip:</p>
                        <ul>
                         {% if context.booking.distance %}
                            <li>Carpooling distance : {{context.booking.distance}}km</li>
                         {% endif %}
                            <li>Date: on {{context.booking.passengerPickupDate|date("d-m-Y at H:i",context.carpoolTimezone)}}</li>
                            <li>Pick-up in {{context.booking.passengerPickupAddress}}.</li>
                            <li>Drop-off in Lyon {{context.booking.passengerDropAddress}}.</li>
                         {% if context.booking.price %}
                            <li>Indicative rate: {{context.booking.price.amount}} {{context.booking.price.currency}}.</li>
                        {% endif %}
                        </ul>
                        <p>You can reply to this message, follow up or refuse to carpool, via "My messages" on {{api_env('EMAILS_PLATFORM_NAME')}} by clicking <a href="{{api_env('EMAILS_PLATFORM_URL')}}/utilisateur/messages">here</a></p>
                   </td>
                </tr>
            </table>
        </td>
    </tr>
    </hr>
</table>
{% endblock %}