{$_is_groups = false}
{if empty($settings)}{$settings['reminder_setting'] = "all"}{/if}
{if $settings['reminder_setting'] != "all" && $settings['reminder_setting'] != "my"}{$_is_groups = true}{/if}
{$_groups_ids = []}
{if $_is_groups}
    {$_groups_ids = explode(",", $settings['reminder_setting'])}
{/if}

{$_wrapper_id = uniqid('c-reminder-settings-wrapper')}

{capture assign="_reminderSettingsHtml"}
    <section class="c-view-options-section">
        <ul class="c-options-list js-options-list menu-v">
            <li>
                <label>
                    <input type="radio" name="settings[personal][reminder][setting]" value="my" {if $settings['reminder_setting'] == "my"}checked{/if}> [`Show my reminders only`]
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="settings[personal][reminder][setting]" value="all" {if $settings['reminder_setting'] == "all"}checked{/if}> [`Show all reminders`]
                </label>
            </li>
            {if !empty($groups)}
                <li>
                    <label>
                        <input type="radio" name="settings[personal][reminder][setting]" value="groups" {if $_is_groups}checked{/if}> [`Show reminders assigned to users from selected groups`]
                    </label>
                </li>
            {/if}
        </ul>

        {if !empty($groups)}
            <ul class="c-group-list js-group-list menu-v" style="margin-left: 2em;{if !$_is_groups}display: none;{/if}">
                {foreach $groups as $_group}
                    {$_is_active = in_array("{$_group.id}", $_groups_ids)}
                    <li class="js-group" data-group-id="{$_group.id}">
                        <label>
                            <input type="checkbox" name="settings[personal][reminder][groups][]" {if $_is_active}checked{/if} value="{$_group.id}"> {$_group.name|escape}
                        </label>
                    </li>
                {/foreach}
            </ul>
        {/if}
    </section>
    <section class="c-other-options-section">
        <h2>[`Notify me`]</h2>
        {if !crmRemindersRecap::isCliOk()}
            <div class="crm-reminders-recap-error" {if $settings['reminder_recap'] != 1}style="display: none;"{/if}>
                {include file="templates/actions/settings/SettingsCronDailyRecap.inc.html" inline}
            </div>
        {/if}
        <ul class="c-options-list menu-v">
            <li>
                <label>
                    <input type="checkbox" name="settings[personal][reminder][recap]" value="1" class="daily-recap" {if $settings['reminder_recap'] == 1}checked{/if}> [`Daily recap on what’s up next`] &nbsp
                </label>
                <select class='js-select-list' name="settings[personal][reminder][daily]" {if empty($settings['reminder_recap'])}disabled{/if}>
                    <option value="today" {if $settings['reminder_daily'] == "today"}selected{/if} >[`for today`]</option>
                    <option value="today-tomorrow" {if $settings['reminder_daily'] == "today-tomorrow"}selected{/if}>[`for today and tomorrow`]</option>
                </select>
            </li>

            <li>
                <input type="hidden" name="settings[personal][reminder][pop_up_disabled]" value="1">
                <input type="checkbox" name="settings[personal][reminder][pop_up_disabled]" id="pop_up_disabled" value="0" class="pop-up js-pop-up-disabled" {if $settings['reminder_pop_up_disabled'] != 1}checked{/if}>&nbsp
                <label for="pop_up_disabled">[`Popup `]&nbsp</label>
                <input type="nomber" class="js-pop-up-min c-pop-up-min" name="settings[personal][reminder][pop_up_min]" value="{if !empty($settings['reminder_pop_up_min'])}{$settings['reminder_pop_up_min']}{else}{$pop_up_min}{/if}" {if $settings['reminder_pop_up_disabled'] == 1}readonly{/if} autocomplete="off" />&nbsp
                <label for="pop_up_disabled">[`minutes before due time`]&nbsp</label>
                <span style="color: red; font-weight: bold; float: right; margin-top: 5px; display: none;" class="enter-minutes">[`Enter the number of minutes`]</span>
            </li>

            <li>
                <label>
                    <input type="hidden" name="settings[personal][reminder][disable_assign]" value="1">
                    <input type="checkbox" name="settings[personal][reminder][disable_assign]" value="0" {if empty($settings['reminder_disable_assign'])}checked{/if}> [`When someone assigns me a reminder`]
                </label>
            </li>
            <li>
                <label>
                    <input type="hidden" name="settings[personal][reminder][disable_done]" value="1">
                    <input type="checkbox" name="settings[personal][reminder][disable_done]" value="0" {if empty($settings['reminder_disable_done'])}checked{/if}> [`When someone marks my reminder as done`]
                </label>
            </li>
        </ul>
    </section>
{/capture}

{if $is_dialog}

    {* DIALOG MODE *}
    <div class="crm-dialog-wrapper c-reminder-settings-dialog c-reminder-settings-wrapper" id="{$_wrapper_id}">
        <div class="crm-dialog-background"></div>
        <div class="crm-dialog-block">
            <form>
                <header class="crm-dialog-header">
                    <h1>[`Personal settings`]</h1>
                </header>
                <div class="crm-dialog-content">
                    {$_reminderSettingsHtml}
                </div>
                <footer class="crm-dialog-footer">
                    <div class="crm-actions">
                        <input class="button green js-submit-button" type="submit" onclick="return false;" value="[`Save`]">
                        <span style="margin: 0 4px;">[`or`]</span>
                        <a class="js-close-dialog js-cancel-dialog" href="javascript:void(0);">[`cancel`]</a>
                    </div>
                </footer>
            </form>
        </div>
        <script>
            (function ($) {
                new CRMReminderSettingsDialog({
                    $wrapper: $("#{$_wrapper_id}")
                });
            })(jQuery);
        </script>
    </div>

{else}

    {* INDEPENDENT BLOCK MODE *}
    <div class="c-reminder-settings-wrapper" id="{$_wrapper_id}">
        {$_reminderSettingsHtml}
        <script>
            (function ($) {
                new CRMReminderSettings({
                    $wrapper: $("#{$_wrapper_id}")
                });
            })(jQuery);
        </script>
                       </div>
{/if}