{**
@var $_user Object
@var $_reminder Array
*}

{if !empty($contact)}
    {$_contact_id = $contact.id}
{elseif !empty($deal_id)}
    {$_deal_id = $deal_id}
{/if}

{$_is_edit = false}
{if empty($_reminder)}
    {$_reminder = [
        "id" => null,
        "due_date" => "",
        "due_time" => "",
        "content" => ""
    ]}
{else}
    {$_is_edit = true}

    {if $_reminder.contact_id > 0}
        {$_contact_id = $_reminder.contact_id}
    {else}
        {$_deal_id = $_reminder.contact_id|default:0|abs}
    {/if}
{/if}

<div class="c-reminder-edit-form-wrapper" id="c-reminder-edit-form-wrapper">
    <form>
        <div class="line c-layout">
            <div class="c-column">

                <ul class="menu-h dropdown c-reminder-type-toggle js-reminder-type-toggle">
                    {$_reminder_types = crmConfig::getReminderType()}
                    {$_active_reminder_type = $_reminder_types["OTHER"]}
                    {if !empty($_reminder.type) && !empty($_reminder_types[$_reminder.type])}
                        {$_active_reminder_type = $_reminder_types[$_reminder.type]}
                    {/if}

                    <li>
                        <a class="inline-link c-visible-link with-icon js-visible-link" href="javascript:void(0);">
                            <b>
                                <i>
                                    <span class="js-text">
                                        {if !empty($_active_reminder_type.icon)}
                                            <i class="icon16 {$_active_reminder_type.icon}"></i>
                                        {/if}
                                        {$_active_reminder_type.name|escape}
                                    </span>
                                </i>
                            </b>
                            <i class="icon10 darr"></i>
                        </a>
                        <ul class="menu-v with-icons">
                            {foreach $_reminder_types as $_type}
                                <li class="{if $_type.id === $_active_reminder_type.id}selected{/if}">
                                    <a href="javascript:void(0);" data-type-id="{$_type.id}">
                                        {if !empty($_type.icon)}
                                            <i class="icon16 {$_type.icon}"></i>
                                        {else}
                                            <i class="icon16" style="visibility: hidden;"></i>
                                        {/if}
                                        {$_type.name|escape}
                                    </a>
                                </li>
                            {/foreach}
                        </ul>
                        <input class="js-field" name="data[type]" type="hidden" value="{$_active_reminder_type.id}">
                    </li>
                </ul>

                {* DATE *}
                {strip}
                    <span class="c-date">
                        <input class="c-datepicker js-datepicker" type="text" value="{$_reminder.due_date|wa_date}" placeholder="[`Date`]" required>
                        <i class="icon16 calendar"></i>
                        <input name="data[due_date]" type="hidden" value="{$_reminder.due_date}">
                    </span>
                {/strip}

                {* TIME *}
                {$_time = false}
                {if !empty($_reminder.due_datetime)}
                    {$_time = waDateTime::format('H:i', $_reminder.due_datetime)}
                {/if}

                <span class="c-time-toggle js-time-toggle {if !empty($_time)}is-active{/if}">
                    <span class="c-visible">
                        <a class="inline-link js-show-time hint" href="javascript:void(0);"><b><i>[`set time`]</i></b></a>
                    </span>
                    <span class="c-hidden">
                        <input class="c-timepicker js-timepicker" data-time-format="H:i" name="data[due_time]" type="text" value="{if !empty($_time)}{$_time}{/if}" placeholder="[`Time`]">
                        <a class="inline-link js-reset-time hint" href="javascript:void(0);"><b><i>[`clear time`]</i></b></a>
                    </span>
                </span>

            </div>
            <div class="c-column right">

                {* USER *}
                <div class="c-contact-wrapper js-contact-wrapper">
                    <div class="c-contact js-user">
                        {$_userpic = $_user->getPhoto(16)}
                        {if !empty($_userpic)}
                            <i class="icon16 userpic20" style="background-image: url({$_userpic});"></i>
                        {/if}
                        <span class="c-name">{$_user.name|escape}</span>
                        <a class="inline-link js-show-combobox" href="javascript:void(0);"><b><i>[`Assign another user`]</i></b></a>
                    </div>
                    <div class="c-combobox">
                        <input class="js-autocomplete" type="text" value="" placeholder="[`Choose a user`]">
                        <a class="inline-link js-hide-combobox" href="javascript:void(0);"><b><i>[`cancel`]</i></b></a>
                    </div>
                    <input class="js-field" type="hidden" name="data[user_contact_id]" value="{$_user.id}">
                </div>

            </div>
        </div>

        <div class="line c-textarea-wrapper">
            <textarea name="data[content]" placeholder="[`Reminder text`]" required>{$_reminder.content|escape}</textarea>
        </div>

        <div class="c-actions">
            <div class="c-layout">
                <div class="c-column middle">
                    <input class="button green" type="submit" value="{if $_reminder.id}[`Save`]{else}[`Create reminder`]{/if}">

                    {if $_reminder.id}
                        <span>[`or`]</span>
                        <a class="inline-link js-cancel" href="javascript:void(0);"><b><i>[`cancel`]</i></b></a>
                    {/if}
                </div>
                {if $_reminder.id}
                    <div class="c-column middle right">
                        <a class="inline-link js-remove" href="javascript:void(0);"><i class="icon16 delete"></i><b><i>[`Delete`]</i></b></a>
                    </div>
                {/if}
            </div>
        </div>

        {if !empty($_contact_id)}
            <input name="data[contact_id]" value="{$_contact_id}" type="hidden">
        {elseif !empty($_deal_id)}
            <input name="data[deal_id]" value="{$_deal_id}" type="hidden">
        {/if}
        {if !empty($_reminder.id)}
            <input name="data[id]" type="hidden" value="{$_reminder.id}">
        {/if}
    </form>

    <script>
        ( function($) {
            new CRMReminderFormEdit({
                app_url: "{$wa_backend_url}crm/",
                $wrapper: $("#c-reminder-edit-form-wrapper").removeAttr("id"),
                reminder_id: {if !empty($_reminder.id)}{$_reminder.id}{else}false{/if},
                locales: {
                    empty: "[`Required field is empty`]"
                }
            });
        })(jQuery);
    </script>
</div>