<?xml version="1.0" encoding="utf-8"?>

<odoo>
    <template id="lead_message_template">
        <p>Opportunity created by Odoo Lead Generation</p>
        <div style="width:80%;background-color:#ffffff;padding:15px;margin:16px 10%;">
            <table style="width:100%">
                <tr>
                    <td></td>
                    <td style="padding: 25px;" rowspan="6">
                        <img style="max-width: 80px;" t-attf-src="{{logo}}"/>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0 0 5px 0;">
                        <span style="font-size:25px;vertical-align: middle;">
                            <b><t t-esc="name"/></b>
                        </span>
                        <span style="">
                            <a t-if="twitter" style="margin: 0 0 0 8px;" target="_blank" t-attf-href="http://www.twitter.com/{{twitter}}">
                                <img src="/web_editor/font_to_img/61569/rgb(0,132,180)/22"/>
                            </a>
                            <a t-if="facebook" style="margin: 0 0 0 8px;" target="_blank" t-attf-href="http://www.facebook.com/{{facebook}}">
                                <img src="/web_editor/font_to_img/61570/rgb(59,89,152)/22"/>
                            </a>
                            <a t-if="linkedin" style="margin: 0 0 0 8px;" target="_blank" t-attf-href="https://www.linkedin.com/{{linkedin}}">
                                <img src="/web_editor/font_to_img/61580/rgb(0,119,181)/22"/>
                            </a>
                            <a t-if="crunchbase" style="margin: 0 0 0 8px;" target="_blank" t-attf-href="https://www.crunchbase.com/{{crunchbase}}">
                                <img width="18px" height="18px" src="/crm_reveal/static/img/crunchbase.ico"/>
                            </a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0 0 5px 0;">
                        <span><t t-esc="description"/></span>
                    </td>
                </tr>
                <tr>
                    <td t-if="timezone" style="padding: 0 0 5px 0;">
                        <img src="/web_editor/font_to_img/61463/rgb(135,90,123)/16"/>
                        <b>Timezone : </b>
                        <span><t t-esc="timezone"/></span>
                        <span>
                            <a target="_blank" t-att-href="timezone_url">(Time Now)</a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td t-if="phone_numbers" style="padding: 0 0 5px 0;">
                        <img src="/web_editor/font_to_img/61589/rgb(135,90,123)/16"/>
                        <b>Phone :</b>
                        <t t-foreach="phone_numbers" t-as="phone_number">
                            <span style="margin:0 5px;">
                                <a target="_blank" t-attf-href="tel:{{phone_number}}"><t t-esc="phone_number"/></a>
                            </span>
                        </t>
                    </td>
                </tr>
                <tr>
                    <td t-if="tech">
                        <b><img src="/web_editor/font_to_img/61874/rgb(135,90,123)/16"/> Technology Used :</b>
                        <t t-foreach="tech" t-as="t">
                            <label style="font-weight:normal;padding: 2px 10px;background-color: #eeeeee;margin: 0 0 4px 2px;border-radius: 13px;">
                                <t t-esc="t"/>
                            </label>
                        </t>
                    </td>
                </tr>
            </table>
            <div t-if="people_data" style="font-size:16px;margin: 9px 0;">
                <b>Contacts</b>
            </div>
            <table style="width:100%;
                border-top-style: solid;border-top-color: #eeeeee;border-top-width: 1px;
                border-bottom-style: solid;border-bottom-color: #eeeeee;border-bottom-width: 1px;
                border-left-style: solid;border-left-color: #eeeeee;border-left-width: 1px;
                border-right-style: solid;border-right-color: #eeeeee;border-right-width: 1px;" t-if="people_data">
                <thead>
                    <tr style="background-color: #eeeeee">
                        <th style="padding: 5px">
                            Name
                        </th>
                        <th style="padding: 5px">
                            Title
                        </th>
                        <th style="padding: 5px">
                            <img src="web_editor/font_to_img/61664/rgb(102,102,102)/13"/>
                            Email
                        </th>
                        <th style="padding: 5px">
                            <img src="web_editor/font_to_img/61589/rgb(102,102,102)/13"/>
                            Phone
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <t t-foreach="people_data" t-as="people">
                        <tr t-att-style="people_odd and 'background-color:#eeeeee' or None">
                            <td style="padding: 5px">
                                <t t-esc="people['full_name'] or ''"/>
                            </td>
                            <td style="padding: 5px">
                                <t t-esc="people['title'] or ''"/>
                            </td>
                            <td style="padding: 5px">
                                <a t-if="people['email']" t-attf-href="mailto:{{people['email']}}" target="_top">
                                    <t t-esc="people['email']"/>
                                </a>
                            </td>
                            <td style="padding: 5px">
                                <a t-if="people['phone']" t-attf-href="tel:{{people['phone']}}">
                                    <t t-esc="people['phone']"/>
                                </a>
                            </td>
                        </tr>
                    </t>
                </tbody>
            </table>
        </div>
    </template>
</odoo>
