<link rel="stylesheet" href="{$themeURL}">

<div class="widget widget--lagom" data-license-widget data-ajax-url="{$ajaxRefreshUrl}">
    <div class="widget__alerts" data-license-alert-container>
        {include file="./lagom-admin-alert.tpl"}
    </div>
    <div class="widget__header widget__header--{$status}" data-license-header data-license-status-class="widget__header--{$status}">
        {include file="./../../../assets/svg-icons/widgets/lagom-admin/header-bg.tpl"}
        <div class="widget__header-icon">
            {include file="./../../../assets/svg-icons/widgets/lagom-admin/header-icon.tpl"}
        </div>
        <div class="widget__header-content">
            <h3>
                {$lang.widgets.general_information}
            </h3>
            <p class="p-sm">
                {if $isBundle}{$lang.widgets.bundle_version}{else}{$lang.widgets.client_theme_version}{/if}: <span data-license-info-field="version">{$version}</span>
            </p>
        </div>
        <div class="widget__header-actions">
            <a href="addonmodules.php?module=RSThemes" class="btn btn--primary">
                <span class="btn__text">
                    {$lang.widgets.open_addon}
                </span>
            </a>
        </div>
    </div>
    <div class="widget__content">
        <ul class="widget__list">
            <li class="widget__list-item">
                <div class="widget__list-title">
                    {include file="./../../../assets/svg-icons/widgets/lagom-admin/callendar.tpl"}
                    {$lang.info.theme_information.next_due_date}:
                </div>
                <div class="widget__list-value icon--{$status}" data-license-due-date-wrapper data-license-status-class="icon--{$status}">
                    <span data-license-info-field="next_due_date">{$info.next_due_date}</span>
                    {if $isBundle && $status != "primary"}
                        {include file="./../../../assets/svg-icons/widgets/lagom-admin/alert-title-icon.tpl"}
                    {/if}
                </div>
            </li>
            <li class="widget__list-item">
                <div class="widget__list-title">
                    {include file="./../../../assets/svg-icons/widgets/lagom-admin/recurring.tpl"}
                    {$lang.info.theme_information.recurring}:
                </div>
                <div class="widget__list-value"><span data-license-info-field="recurring_amount">{$info.recurring_amount}</span>{if $info.billingcycle}<span class="widget__list-period">/<span data-license-info-field="billingcycle">{$info.billingcycle}</span></span>{/if}</div>
            </li>
            <li class="widget__list-item">
                <div class="widget__list-title">
                    {include file="./../../../assets/svg-icons/widgets/lagom-admin/payment-method.tpl"}
                    {$lang.info.theme_information.payment_method}:
                </div>
                <div class="widget__list-value" data-license-info-field="payment_method">{$info.payment_method}</div>
            </li>
            <li class="widget__list-item">
                <div class="widget__list-title">
                    {include file="./../../../assets/svg-icons/widgets/lagom-admin/key.tpl"}
                    <span data-license-info-field="support_label">{$info.support_label}</span>
                </div>
                <div class="widget__list-value d-flex">
                    <span class="label label--{$info.support_access_class} label--outline" data-license-info-field="support_access_text">
                        {$info.support_access_text}
                    </span>
                </div>
            </li>
        </ul>
    </div>
    <div class="widget__footer">
        <span class="widget__footer--text">{$lang.widgets.contact_information}</span>
        <a href="https://lagom.rsstudio.net/contact/" target="_blank" class="btn btn--link btn--sm btn--primary">
            <span class="btn__text">{$lang.widgets.contact_us}</span>
            {include file="./../../../assets/svg-icons/widgets/lagom-admin/new-window.tpl"}
        </a>
    </div>
</div>

<script src="{$scriptURL}"></script>