call.html 2.29 KB
Newer Older
okhin's avatar
okhin committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
<div class="modal fade" tabindex="-1" role="dialog" aria-labelled-by="callModalLabel" id="callModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="callModalLabel">{{ _("Reach out to ");}} {{ @contact.first_name }}&nbsp;{{ @contact.last_name }}</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-6">
                        <h2>{{ _("Call for free") }}</h2>
                        <form method="post" action="/call/{{ @contact.id }}">
                            <input type="text" id="contact_id" name="contact_id" hidden="hidden" value="{{ @contact.id }}">
                            <p>{{ _("If you want to call for free, you must provide us with your phone number (the PiPhone will call that number to initiate the communication).") }}</p>
                            <p>
                                <label for="phone">{{_("Your phone number:") }}</label>
                                <input type="text" name="phone" id="phone" placeholder="+33123456789001" />
                            </p>
                            <p>
                                {{ _('Starting with your <a href="https://en.wikipedia.org/wiki/List_of_country_calling_codes#Zones_3-4:_Europe">country code</a>, without the initial 0') }}
                            </p>
                            <input class="btn btn-default" type="submit" value="{{ _("I'm ready, call me") }}" />
                        </form>
                    </div>
                    <div class="col-sm-6">
                        <h2>{{ _("Call at your expense") }}</h2>
okhin's avatar
okhin committed
27 28
                        <p>{{ _("If you don't want to call for free, here is the number of the current MEP - you can either dial it from your phone or push the button if any VoIP client is installed on your device.") }}</p>
                        <a class="btn btn-default" href="tel:{{ @contact.phone }}" target="_blank">☎ {{ @contact.phone }}</a>
okhin's avatar
okhin committed
29 30 31
                    </div>
                </div>
            </div>
okhin's avatar
okhin committed
32 33
        </div>
    </div>
34
</div>