<?xml version="1.0" encoding="UTF-8"?>
<odoo>

        <!-- External page : thanks message -->
        <template id="rating_external_page_view" name="Rating Page Done">
            <t t-call="web.layout">
                <t t-set="head">
                    <link rel='stylesheet' href='/web/static/lib/bootstrap/css/bootstrap.css'/>
                    <link rel='stylesheet' href='/web/static/lib/fontawesome/css/font-awesome.css'/>
                </t>
                <div class="container">
                    <div class="text-center" style="margin-top:128px">
                        <i class="fa fa-check-circle fa-5x text-success" role="img" aria-label="Thank you!" title="Thank you!"/>
                    </div>
                    <h2 class="text-center">We appreciate your feedback!</h2>
                    <div class="text-center">
                        <a role="button" t-att-href="web_base_url" class="btn btn-primary">Go to our website</a>
                    </div>
                </div>
            </t>
        </template>

        <!-- External page: rate and submit feedback -->
        <template id="rating_external_page_submit" name="Rating Page Submit">
            <t t-call="web.layout">
                <t t-set="head">
                    <link rel='stylesheet' href='/web/static/lib/bootstrap/css/bootstrap.css'/>
                </t>
                <div class="container">
                    <div clas="row">
                        <h1 class="text-center">Thanks! We appreciate your feedback.</h1>
                        <h4 class="text-center text-muted" style="margin-bottom: 32px;">Your rating has been submitted.</h4>
                        <div class="float-left">
                            <img t-attf-src='/rating/static/src/img/rating_#{rate}.png' t-att-alt="rate_name"/>
                        </div>
                        <div style="margin-left: 80px;">
                            you are <b t-esc="rate_name"></b><br/>
                            on our services on "<b t-esc="rating.res_name"></b>"<br/>
                            <t t-if="rating.rated_partner_id">by <b t-esc="rating.rated_partner_id.name"></b>.</t>
                        </div>
                        <div class="clearfix"></div>
                        <p style="margin-top:32px;">
                            Would be great if you can provide more information:
                        </p>
                        <form t-attf-action="/rating/#{token}/#{rate}/submit_feedback" method="post">
                            <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
                            <textarea class="form-control" name="feedback" rows="8" t-att-value="rating.feedback"></textarea>
                            <button type="submit" class="btn btn-primary" style="margin-top:8px;">Send Feedback</button>
                        </form>
                    </div>
                </div>
            </t>
        </template>

</odoo>
