{if $full_html == 1}
<script>
    var user_id = '{$user}';
    function update_platform_notifications(){
        var form_fields = new Array();
        $('table#platform_notifications_update_table tbody tr td select').each(function(){
            form_fields.push( $(this).attr('name')+'='+$(this).val());
        });
        $.post(
            'token.php?action=platform_notifications&user='+user_id,
            form_fields.join('&'),
            function( data ){
                if(data == 'OK'){
                    alert('Platform Notifications updated');
                }else{
                    alert(data);
                }
            }
        );
    }
    $(function(){
        $('#roles button').each(function(){
            $(this).on('click',function(){
                showPreloader();
                var new_role = $(this).attr('id');
                $.ajax({
                    url: 'token.php?action=platform_notifications&role='+new_role+'&full_html=0&user='+user_id,
                    success: function( html ){
                        hidePreloader();
                        $('#roles button').removeClass('ui-state-highlight');
                        $('#roles button').each(function(){
                            if(!$(this).hasClass('ui-state-default')){
                                $(this).addClass('ui-state-default');
                            }
                        });
                        $('#roles button#'+new_role).addClass('ui-state-highlight');
                        $('#platform_content').html(html);
                    },
                    error: function( xhr ){
                        alert('Cant switch role');
                        hidePreloader();
                    }
                });
            });
        });
    });
</script>
<style>
    #roles{
        display: block;
        border: 1px solid black;
        padding: 8px;
    }
    #roles button{
        padding: 4px;
        margin-right: 10px;
    }
    .NotificationEvents{
        display: block;
        padding: 8px;
    }
    .NotificationEvents .EventType, .NotificationEvents .EventEnable{
        display: inline-block;
    }
</style>

<div class="main">

<div id="roles">
    {foreach from=$roles item=rl}
    <button type="button" class="ui-button ui-corner-all {if $role == $rl}ui-state-highlight{else}ui-state-default{/if}" id="{$rl}">{$rl}</button>
    {/foreach}
</div>

<div id="platform_content">
    
{/if}<!-- end if full_html == 1 //-->
<h3 id="platform_notifications_title">{$title}</h3>
    
{if $role == 'User'}
    {$events}
    
    {*<input type="button" class="ui-button ui-corner-all ui-state-highlight" onClick="javascript:update_platform_notifications();" value="Update" />*}
{elseif $role == 'UserData'}
    {foreach from=$items key=itm_name item=values}
    <div><b>[{$itm_name}]</b>
        {foreach from=$values item=val key=nam}
            {$nam}: {$val}<br />
        {/foreach}
    </div>
    {/foreach}
{elseif $role == 'Application'}

    <div><b>ApplicationURL:</b> {$items->ApplicationURL}</div>
    <div><b>AlertEmail:</b> {$items->AlertEmail} (Status: {$items->AlertEnable})</div>
    <div><b>DeviceType:</b> {$items->DeviceType} (PayloadVersion: {$items->PayloadVersion})</div>

{/if}


{if $full_html == 1}

</div>

</div><!-- class main wrapper //-->

{/if}