[{* todo licensing 2.0 *}]
[{if !$error}]
    [{if $layout == 'vertical'}]
        <div class="eval-widget p5">
            <p class="mt5">[{$stringObjectLimit}]</p>
            <div class="progress">
                <div id="remaining_objects_percent_[{$uid}]" class="progress-bar" data-width-percent="[{$remainingObjectPercentage}]" style="width:0; background-color:transparent;"></div>
            </div>

            <p class="mt10">[{$stringTimeLimit}]</p>
            [{if $expiresWithinSixMonths}]
            <div class="progress">
                <div id="remaining_time_percent_[{$uid}]" class="progress-bar" data-width-percent="[{$remainingTimePercentage}]" style="width:0; background-color:transparent;"></div>
            </div>
            [{/if}]
        </div>
    [{else}]
        <div class="eval-widget p5">
            <table class="two-col" style="width:100%;">
                <tr>
                    <td class="vat pr5">
                        <p>[{$stringObjectLimit}]</p>
                    </td>
                    <td class="vat">
                        <p>[{$stringTimeLimit}]</p>
                    </td>
                </tr>
                <tr>
                    <td class="pr5">
                        <div class="progress mt5">
                            <div id="remaining_objects_percent_[{$uid}]" class="progress-bar" data-width-percent="[{$remainingObjectPercentage}]" style="width:0; background-color:transparent;"></div>
                        </div>
                    </td>
                    [{if $expiresWithinSixMonths}]
                    <td>
                        <div class="progress mt5">
                            <div id="remaining_time_percent_[{$uid}]" class="progress-bar" data-width-percent="[{$remainingTimePercentage}]" style="width:0; background-color:transparent;"></div>
                        </div>
                    </td>
                    [{/if}]
                </tr>
            </table>
        </div>
    [{/if}]
    <script type="text/javascript">
        (function () {
            "use strict";

            idoit.Require.require('smartyProgress', function () {
                progressBarInit(true);
            });
        }());
    </script>
[{else}]
    <h3 class="border-bottom p5 bg-neutral-200">
        [{isys type="lang" ident="LC__WIDGET__EVAL__LICENCE"}]
    </h3>
    <div class="eval-widget p5">
        <p class="mt5 box-red p5">[{isys type="lang" ident="LC__LICENCE__NO_LICENCE"}].</p>
    </div>
[{/if}]
