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

<templates xml:space="preserve">
    <t t-name="DashboardMain">
        <div class="container-fluid py-2 o_web_settings_dashboard">
            <div class="form-row">
               <div class="col-12 col-lg-4 o_web_settings_dashboard_col">
                    <div class="o_web_settings_dashboard_apps"></div>
                    <div class="o_web_settings_dashboard_translations"></div>
                </div>
               <div class="col-12 col-lg-4 o_web_settings_dashboard_col">
                    <div class="o_web_settings_dashboard_invitations"></div>
                    <div class="o_web_settings_dashboard_company"></div>
                </div>
               <div class="col-12 col-lg-4 o_web_settings_dashboard_col">
                    <div class="o_web_settings_dashboard_share"></div>
                </div>
            </div>
        </div>
    </t>

    <t t-name="DashboardApps">
        <div class="text-center o_web_settings_dashboard_apps">
            <i class="fa fa-cog fa-4x text-muted o_browse_apps" style="cursor: pointer;" role="img" aria-label="Browse Apps" title="Browse Apps"></i>
            <div class="o_web_settings_dashboard_header">
                <t t-set="installed_apps" t-value="widget.data.installed_apps"/>
                <t t-if="installed_apps">
                    <t t-esc="installed_apps"></t>
                    <t t-if="installed_apps == 1">Installed App</t>
                    <t t-if="installed_apps > 1">Installed Apps</t>
                </t>
                <t t-if="! installed_apps">
                    No app installed
                </t>
            </div>
            <div>
                <a href="#" class="btn btn-primary btn-block o_browse_apps" role="button"><strong>Browse Apps</strong></a>
            </div>
            <div class="d-flex mt-2 o_web_settings_dashboard_pills">
                <a href="https://www.odoo.com/apps/modules" target="_blank" class="flex-grow-1 w-25"><i class="fa fa-lg fa-rocket text-muted"/> App store</a>
                <a href="https://www.odoo.com/apps/themes" target="_blank" class="flex-grow-1 w-25"><i class="fa fa-lg fa-picture-o text-muted"/> Theme store</a>
            </div>
            <div class="clearfix"/>
        </div>
    </t>

    <t t-name="EmailBadge">
        <span t-foreach="emails" t-as="email" class="badge badge-pill">
            <span class="o_badge_text">
                <t t-esc='email'/>
            </span>
            <a href="#" class="fa fa-times o_badge_remove" title="Remove Email" aria-label="Remove Email" role="button"/>
        </span>
    </t>

    <t t-name="DashboardInvitations">
        <div class="text-center o_web_settings_dashboard_invitations">
            <i class="fa fa-users fa-4x text-muted o_web_settings_dashboard_access_rights" style="cursor: pointer;" role="img" aria-label="Access rights" title="Access rights"></i>
            <div class="o_web_settings_dashboard_header">
                <t t-set="active_users" t-value="widget.data.active_users"></t>
                <t t-set="pending_users" t-value="widget.data.pending_users"></t>
                <t t-if="active_users">
                    <t t-esc="active_users"></t>
                    <t t-if="active_users &lt;= 1"> Active User</t>
                    <t t-if="active_users &gt; 1">Active Users</t>
                </t>
            </div>
            <div class="text-center">
                <a href="#" class="o_web_settings_dashboard_access_rights"> Manage access rights</a>
            </div>
            <hr/>
            <div class="o_web_settings_dashboard_invitation_form">
                <p><strong>Invite new users:</strong></p>
                <input class="o_user_emails o_input mt8" type="text" placeholder="Enter e-mail addresses"/>
                <button class="btn btn-primary btn-block o_web_settings_dashboard_invite mt16" data-loading-text="Inviting..."><strong>Invite</strong></button>
            </div>
            <div class="o_web_settings_dashboard_pending_users mt8">
                <t t-if="pending_users.length">
                    <p><strong>Pending invitations:</strong></p>
                    <span t-foreach="pending_users" t-as="pending">
                        <a href="#" class="badge badge-pill o_web_settings_dashboard_user" t-att-data-user-id="pending[0]"> <t t-esc="pending[1]"/> </a>
                    </span>
                    <t t-if="pending_users.length &lt; widget.data.pending_count">
                        <br/>
                        <a href="#" class="o_web_settings_dashboard_more"><t t-esc="widget.data.pending_count - pending_users.length"/> more </a>
                    </t>
                </t>
            </div>
        </div>
    </t>

    <t t-name="DashboardShare">
        <div class="text-center o_web_settings_dashboard_share">
            <i class="fa fa-share-alt fa-4x text-muted" role="img" aria-label="Share" title="Share"/>
            <div class="o_web_settings_dashboard_header">Share the Love</div>
            <div>
                <small class="text-muted text-center o_web_settings_dashboard_compact_subtitle">
                    Help us spread the word: Share Odoo's awesomeness with your friends!
                </small>
            </div>
            <div class="row mt16">
                <div class="col-4"><a href="#" aria-label="Twitter" title="Twitter"><i class="fa fa-twitter-square fa-4x tw_share"/></a></div>
                <div class="col-4"><a href="#" aria-label="Facebook" title="Facebook"><i class="fa fa-facebook-square fa-4x fb_share"/></a></div>
                <div class="col-4"><a href="#" aria-label="LinkedIn" title="LinkedIn"><i class="fa fa-linkedin-square fa-4x li_share"/></a></div>
            </div>
            <hr/>
            <t t-set="server_version" t-value="widget.data.server_version"/>
            <t t-set="debug" t-value="widget.data.debug"/>
            <t t-set="demo_active" t-value="widget.data.demo_active"/>
            <div class="text-center">
                <div class="user-heading">
                    <h3>
                        Odoo <t t-esc="server_version"/>
                        (Community Edition)
                    </h3>
                </div>
                <div>
                    <div class="tab-content">
                        <div role="tabpanel" id="settings" class="tab-pane active text-muted text-center o_web_settings_dashboard_compact_subtitle">
                            <small>Copyright © 2004 <a target="_blank" href="https://www.odoo.com" style="text-decoration: underline;">Odoo S.A.</a> <a target="_blank" href="http://www.gnu.org/licenses/lgpl.html" style="text-decoration: underline;">GNU LGPL Licensed</a></small>
                        </div>
                    </div>
                </div>
            </div>
            <hr/>
            <a t-if="debug != true" class="oe_activate_debug_mode float-right" href="?debug" >Activate the developer mode</a>
            <br t-if="debug != true"/>
            <a t-if="debug != 'assets'" class="oe_activate_debug_mode float-right" href="?debug=assets" >Activate the developer mode (with assets)</a>
            <br t-if="debug != 'assets'"/>
            <a t-if="debug != false" class="oe_activate_debug_mode float-right" href="/web" >Deactivate the developer mode</a>
            <br t-if="debug != false"/>
            <a t-if="(debug) and !(demo_active)" class="oe_activate_debug_mode float-right o_web_settings_dashboard_force_demo" href="#">Load demo data</a>
        </div>
    </t>

    <t t-name="DashboardEnterprise">
        <hr class="mt16"/>
        <div class="text-center o_web_settings_dashboard_enterprise">
            <div class="o_web_settings_dashboard_header">Odoo Enterprise</div>
            <div class="mb16"><a href="http://www.odoo.com/editions" target="_blank">Get more features with the Enterprise Edition!</a></div>
            <div><img class="img img-fluid" t-att-src='_s + "/web/static/src/img/enterprise_upgrade.jpg"' alt="Upgrade to enterprise"/></div>
            <div>
                <a href="#" class="btn btn-primary btn-block o_confirm_upgrade" role="button"><strong>Upgrade Now</strong></a>
            </div>
        </div>
    </t>

    <t t-name="DashboardTranslations">
        <div class="text-center o_web_settings_dashboard_translations mt8">
            <i class="fa fa-globe fa-4x text-muted" role="img" aria-label="Translations" title="Translations"></i>
            <div class="o_web_settings_dashboard_header">
                Translations
            </div>
            <div>
                <small class="text-muted text-center o_web_settings_dashboard_compact_subtitle">
                    Send your documents in your partner's language or set up a language for your users
                </small>
            </div>
            <div class="mt16">
                <a href="#" role="button" class="btn btn-primary btn-block o_load_translations"><strong>Load a Translation</strong></a>
            </div>
        </div>
    </t>

    <t t-name="DashboardCompany">
        <div class="text-center o_web_settings_dashboard_company mt8">
            <i class="fa fa-suitcase fa-4x text-muted" role="img" aria-label="Company" title="Company"></i>
            <div class="o_web_settings_dashboard_header">
                <t t-esc="widget.data.company_name"></t>
            </div>
            <div>
                <small class="text-muted text-center o_web_settings_dashboard_compact_subtitle">
                    Set up your company information
                </small>
            </div>
            <div class="mt16">
                <a href="#" role="button" class="btn btn-primary btn-block o_setup_company"><strong>Set Up</strong></a>
            </div>
        </div>
    </t>

</templates>
