{"en_US": "<t name=\"Livechat Channel Satisfaction Page\" t-name=\"website_livechat.channel_page\">\n            <t t-call=\"website.layout\">\n              <div id=\"wrap\">\n                <div class=\"container\">\n                    <h1><span>Livechat Channel</span>  <small t-field=\"channel.name\"/></h1>\n                    <div t-field=\"channel.website_description\" class=\"oe_structure mt16\"/>\n                    <div class=\"row mt32\">\n                        <div class=\"col-lg-8\">\n                            <t t-if=\"len(ratings) &gt; 0\">\n                                <div class=\"row\">\n                                    <div class=\"col-lg-12 mb32\">\n                                        <h3>Statistics</h3>\n                                        <div class=\"row\">\n                                            <div class=\"col-lg-4 d-flex justify-content-end flex-column\">\n                                                <div class=\"card bg-success text-white\" t-attf-style=\"height: #{160 + int(percentage['great'])}px;\">\n                                                    <div class=\"card-body text-center\">\n                                                        <img src=\"/rating/static/src/img/rating_5.png\" style=\"height:40px\" alt=\"Happy face\"/>\n                                                    </div>\n                                                    <div class=\"card-body text-center\">\n                                                        <h2 style=\"margin: 0\">\n                                                            <b style=\"font-size: 30px\">\n                                                                <t t-esc=\"percentage['great']\"/>\n                                                            </b>\n                                                            <small>%</small>\n                                                        </h2>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-lg-4 d-flex justify-content-end flex-column\">\n                                                <div class=\"card bg-warning text-white\" t-attf-style=\"height: #{160 + int(percentage['okay'])}px;\">\n                                                    <div class=\"card-body text-center\">\n                                                        <img src=\"/rating/static/src/img/rating_3.png\" style=\"height:40px\" alt=\"Neutral face\"/>\n                                                    </div>\n                                                    <div class=\"card-body text-center\">\n                                                        <h2 style=\"margin: 0\">\n                                                            <b style=\"font-size: 30px\">\n                                                                <t t-esc=\"percentage['okay']\"/>\n                                                            </b>\n                                                            <small>%</small>\n                                                        </h2>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-lg-4 d-flex justify-content-end flex-column\">\n                                                <div class=\"card bg-danger text-white\" t-attf-style=\"height: #{160 + int(percentage['bad'])}px;\">\n                                                    <div class=\"card-body text-center\">\n                                                        <img src=\"/rating/static/src/img/rating_1.png\" style=\"height:40px\" alt=\"Sad face\"/>\n                                                    </div>\n                                                    <div class=\"card-body text-center\">\n                                                        <h2 style=\"margin: 0\">\n                                                            <b style=\"font-size: 30px\">\n                                                                <t t-esc=\"percentage['bad']\"/>\n                                                            </b>\n                                                            <small>%</small>\n                                                        </h2>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"row\">\n                                    <div class=\"col-lg-12 mb32\">\n                                        <h3>The <t t-esc=\"len(ratings)\"/> last feedbacks</h3>\n                                        <div>\n                                            <t t-foreach=\"ratings\" t-as=\"rating\">\n                                                <img t-attf-src=\"/rating/static/src/img/rating_#{int(rating.rating)}.png\" t-att-alt=\"rating.res_name\" width=\"48px\" height=\"48px\"/>\n                                                <t t-if=\"(rating_index+1) % 5 == 0\">\n                                                    <br/>\n                                                </t>\n                                            </t>\n                                        </div>\n                                    </div>\n                                </div>\n                            </t>\n                            <t t-if=\"len(ratings) == 0\">\n                                <h4 style=\"text-align:center\">There are no ratings for this channel for now.</h4>\n                            </t>\n                        </div>\n                        <div class=\"col-lg-4 mb32\">\n                            <h3>The Team</h3>\n                            <t t-foreach=\"team\" t-as=\"user\">\n                                <div class=\"d-flex mt-3\">\n                                    <img t-att-src=\"image_data_uri(user.avatar_128)\" class=\"o_image_64_cover rounded o_livechat_operator_avatar\" t-att-alt=\"user.livechat_username or user.name\"/>\n                                    <div class=\"flex-grow-1\">\n                                        <h5>\n                                            <t t-if=\"user.livechat_username\">\n                                                <t t-esc=\"user.livechat_username\"/>\n                                            </t>\n                                            <t t-else=\"\">\n                                                <t t-esc=\"user.name\"/>\n                                            </t>\n                                        </h5>\n                                        <div class=\"col-lg-12\">\n                                            <div class=\"row gx-0\">\n                                                <t t-if=\"user.partner_id.id in ratings_per_user\">\n                                                    <div class=\"col-lg-4 ps-0 pe-0\">\n                                                        <img t-attf-src=\"/rating/static/src/img/rating_5.png\" alt=\"Great\" width=\"16px\" height=\"16px\"/>\n                                                        <span class=\"align-middle\"><t t-esc=\"ratings_per_user[user.partner_id.id]['great']\"/>%</span>\n                                                    </div>\n                                                    <div class=\"col-lg-4 ps-0 pe-0\">\n                                                        <img t-attf-src=\"/rating/static/src/img/rating_3.png\" alt=\"Okay\" width=\"16px\" height=\"16px\"/>\n                                                        <span class=\"align-middle\"><t t-esc=\"ratings_per_user[user.partner_id.id]['okay']\"/>%</span>\n                                                    </div>\n                                                    <div class=\"col-lg-4 ps-0 pe-0\">\n                                                        <img t-attf-src=\"/rating/static/src/img/rating_1.png\" alt=\"Bad\" width=\"16px\" height=\"16px\"/>\n                                                        <span class=\"align-middle\"><t t-esc=\"ratings_per_user[user.partner_id.id]['bad']\"/>%</span>\n                                                    </div>\n                                                </t>\n                                                <t t-else=\"\">\n                                                    <div class=\"col-lg-12 ps-0 pe-0 o_livechat_no_rating\">Not rated yet</div>\n                                                </t>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </t>\n                        </div>\n                    </div>\n                </div>\n              </div>\n            </t>\n        </t>", "vi_VN": "<t name=\"Livechat Channel Satisfaction Page\" t-name=\"website_livechat.channel_page\">\n            <t t-call=\"website.layout\">\n              <div id=\"wrap\">\n                <div class=\"container\">\n                    <h1><span>Kênh Trò chuyện trực tiếp</span>  <small t-field=\"channel.name\"/></h1>\n                    <div t-field=\"channel.website_description\" class=\"oe_structure mt16\"/>\n                    <div class=\"row mt32\">\n                        <div class=\"col-lg-8\">\n                            <t t-if=\"len(ratings) &gt; 0\">\n                                <div class=\"row\">\n                                    <div class=\"col-lg-12 mb32\">\n                                        <h3>Thống kê</h3>\n                                        <div class=\"row\">\n                                            <div class=\"col-lg-4 d-flex justify-content-end flex-column\">\n                                                <div class=\"card bg-success text-white\" t-attf-style=\"height: #{160 + int(percentage['great'])}px;\">\n                                                    <div class=\"card-body text-center\">\n                                                        <img src=\"/rating/static/src/img/rating_5.png\" style=\"height:40px\" alt=\"Mặt vui vẻ\"/>\n                                                    </div>\n                                                    <div class=\"card-body text-center\">\n                                                        <h2 style=\"margin: 0\">\n                                                            <b style=\"font-size: 30px\">\n                                                                <t t-esc=\"percentage['great']\"/>\n                                                            </b>\n                                                            <small>%</small>\n                                                        </h2>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-lg-4 d-flex justify-content-end flex-column\">\n                                                <div class=\"card bg-warning text-white\" t-attf-style=\"height: #{160 + int(percentage['okay'])}px;\">\n                                                    <div class=\"card-body text-center\">\n                                                        <img src=\"/rating/static/src/img/rating_3.png\" style=\"height:40px\" alt=\"Mặt trung tính\"/>\n                                                    </div>\n                                                    <div class=\"card-body text-center\">\n                                                        <h2 style=\"margin: 0\">\n                                                            <b style=\"font-size: 30px\">\n                                                                <t t-esc=\"percentage['okay']\"/>\n                                                            </b>\n                                                            <small>%</small>\n                                                        </h2>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-lg-4 d-flex justify-content-end flex-column\">\n                                                <div class=\"card bg-danger text-white\" t-attf-style=\"height: #{160 + int(percentage['bad'])}px;\">\n                                                    <div class=\"card-body text-center\">\n                                                        <img src=\"/rating/static/src/img/rating_1.png\" style=\"height:40px\" alt=\"Mặt buồn\"/>\n                                                    </div>\n                                                    <div class=\"card-body text-center\">\n                                                        <h2 style=\"margin: 0\">\n                                                            <b style=\"font-size: 30px\">\n                                                                <t t-esc=\"percentage['bad']\"/>\n                                                            </b>\n                                                            <small>%</small>\n                                                        </h2>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"row\">\n                                    <div class=\"col-lg-12 mb32\">\n                                        <h3>The <t t-esc=\"len(ratings)\"/> phản hồi cuối cùng</h3>\n                                        <div>\n                                            <t t-foreach=\"ratings\" t-as=\"rating\">\n                                                <img t-attf-src=\"/rating/static/src/img/rating_#{int(rating.rating)}.png\" t-att-alt=\"rating.res_name\" width=\"48px\" height=\"48px\"/>\n                                                <t t-if=\"(rating_index+1) % 5 == 0\">\n                                                    <br/>\n                                                </t>\n                                            </t>\n                                        </div>\n                                    </div>\n                                </div>\n                            </t>\n                            <t t-if=\"len(ratings) == 0\">\n                                <h4 style=\"text-align:center\">Hiện tại không có đánh giá cho kênh này. </h4>\n                            </t>\n                        </div>\n                        <div class=\"col-lg-4 mb32\">\n                            <h3>Nhóm</h3>\n                            <t t-foreach=\"team\" t-as=\"user\">\n                                <div class=\"d-flex mt-3\">\n                                    <img t-att-src=\"image_data_uri(user.avatar_128)\" class=\"o_image_64_cover rounded o_livechat_operator_avatar\" t-att-alt=\"user.livechat_username or user.name\"/>\n                                    <div class=\"flex-grow-1\">\n                                        <h5>\n                                            <t t-if=\"user.livechat_username\">\n                                                <t t-esc=\"user.livechat_username\"/>\n                                            </t>\n                                            <t t-else=\"\">\n                                                <t t-esc=\"user.name\"/>\n                                            </t>\n                                        </h5>\n                                        <div class=\"col-lg-12\">\n                                            <div class=\"row gx-0\">\n                                                <t t-if=\"user.partner_id.id in ratings_per_user\">\n                                                    <div class=\"col-lg-4 ps-0 pe-0\">\n                                                        <img t-attf-src=\"/rating/static/src/img/rating_5.png\" alt=\"Tuyệt vời\" width=\"16px\" height=\"16px\"/>\n                                                        <span class=\"align-middle\"><t t-esc=\"ratings_per_user[user.partner_id.id]['great']\"/>%</span>\n                                                    </div>\n                                                    <div class=\"col-lg-4 ps-0 pe-0\">\n                                                        <img t-attf-src=\"/rating/static/src/img/rating_3.png\" alt=\"Bình thường\" width=\"16px\" height=\"16px\"/>\n                                                        <span class=\"align-middle\"><t t-esc=\"ratings_per_user[user.partner_id.id]['okay']\"/>%</span>\n                                                    </div>\n                                                    <div class=\"col-lg-4 ps-0 pe-0\">\n                                                        <img t-attf-src=\"/rating/static/src/img/rating_1.png\" alt=\"Tệ\" width=\"16px\" height=\"16px\"/>\n                                                        <span class=\"align-middle\"><t t-esc=\"ratings_per_user[user.partner_id.id]['bad']\"/>%</span>\n                                                    </div>\n                                                </t>\n                                                <t t-else=\"\">\n                                                    <div class=\"col-lg-12 ps-0 pe-0 o_livechat_no_rating\">Chưa có đánh giá</div>\n                                                </t>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </t>\n                        </div>\n                    </div>\n                </div>\n              </div>\n            </t>\n        </t>"}