<div class="sidebar-review" ng-show="state === ''">
    <h2 translate>review_nag_do_you_like_us</h2>
    <a
        class="link-btn"
        ng-click="changeState('dislike')"
        translate
    >
        review_nag_i_do_not_like_you
    </a>
    <a
        class="link-btn"
        ng-click="changeState('like')"
        translate
    >
        review_nag_i_like_you
    </a>
</div>

<div class="sidebar-review" ng-show="state === 'like'">
    <h2 translate>review_nag_rate_us_please</h2>
    <a
        class="link-btn link-btn-wide"
        ng-click="changeState('rated')"
        ng-href="https://wordpress.org/support/view/plugin-reviews/{{slug}}#postform"
        target="_blank"
        translate
    >
        review_nag_i_will_rate_you
    </a>
    <a
        class="link-btn link-btn-wide link-btn-wide-noborder"
        ng-click="changeState('will not rate')"
        translate
    >
        review_nag_i_do_not_want_to_rate_you
    </a>
</div>

<div class="sidebar-review" ng-show="state === 'dislike'">
    <h2
        class="h2-lengthy"
        translate
        translate-values="{
            'button_text': '{{buttonName|translate}}',
            'emailAddressLink': '
                <a
                    href=\'mailto:{{helpEmailAddress}}\'
                >
                    {{helpEmailAddress}}
                </a>'
        }"
    >
        review_nag_let_us_know_how_to_improve
    </h2>
    <a
        class="link-btn"
        ng-href="https://wordpress.org/support/plugin/{{slug}}"
        target="_blank"
        translate
    >
        review_nag_support_forum_button
    </a>
    <a
        class="link-btn"
        ng-href="mailto:{{helpEmailAddress}}"
        translate
    >
        client_string_email
    </a>
</div>
<div
    class="sidebar-review"
    ng-show="state === 'rated' || state === 'will not rate'"
>
    <h2 translate ng-show="newlyRated">review_nag_thanks</h2>
    <h2 translate>client_string_91</h2>
    <div
        data-url="https://wordpress.org/plugins/{{slug}}"
        class="addthis_inline_share_toolbox"
    >
    </div>
</div>

<div class="sidebar-review" ng-show="debug()">
    <h2>Debug Rating Nag</h2>
    <h2>state: {{state}}</h2>
    <a
        class="link-btn"
        ng-click="debugStartOver()"
    >
        Reset rating state
    </a>
    <a
        class="link-btn"
        ng-click="debugExpireLastInteraction()"
    >
        Expire last interation timestamp
    </a>
</div>
