<?php
  $unreads = psm_unreads();
  ?>
  <a href="<?php echo GP_URL; ?>/do.php?id=pushmsg&act=psm_list" id="psm_notice">
    알림 <span class="psm_total"><?php echo $unreads['total'];?></span>
  </a>
  <div id="psm_unread_list">
    <ul>
    <?php
    foreach($unreads['list'] as $item)
    {
      echo '<li><a href="'.$item['link'].'" data-psm-type="'.$item['push_type']
            .'" data-pid="'.$item['id'].'">'.$item['subject'].'</a></li>';
    }
    ?>
    </ul>
    <?php if($unreads['total'] == 0) { 
      echo '<div id="psm_nolist">새로운 알림이 없습니다.</div>';
    }
    ?>
    <a href="<?php echo GP_URL; ?>/do.php?id=pushmsg&act=psm_list" id="psm_list_all">모두보기</a>
  </div>
  <script type="text/javascript">
  $('#psm_notice').click(function(evt) {
    evt.preventDefault();  
    $('#psm_unread_list').toggle();
  });
  $('#psm_unread_list li a').click(function(evt) {
    evt.preventDefault();
    var $this = $(this);
    var href = $this.attr('href');
    var push_type = $this.attr('data-psm-type');
    $.ajax({
      url: '<?php echo GP_URL;?>/do.php?id=pushmsg&act=psm_read_one&pid='+$(this).attr('data-pid'),
      type : 'post',
      dataType : 'json',
      error : function(jqXHR, textStatus, errorThrown) {
        alert(errorThrown);
      },
      success : function(json) {
        if(json.code == -1) { alert(json.msg); return; }
        if(push_type == 'memo') { win_memo(href); return; }
        location.href=href;
      }
    });
  });
  </script>
  <style>
    .psm_notice{display:inline-block;padding:3px 5px;
      border:1px solid #eee;cursor:pointer;text-decoration:none;}
    .psm_total{display:inline-block;padding:0px 10px;
      background-color:#f2f5f9;color:#ff0000; font-weight:bold;
      border-radius: 10px 10px 10px 10px;}
    #psm_unread_list{position:absolute;display:none;margin:17;
      padding:20px;min-width:150px;width:350px;border:11px solid #eee;
      background-color:#fff;z-index:999}
    #psm_unread_list ul{margin:0;padding:0}
    #psm_unread_list li{padding:3px;list-style:none;}
    #psm_unread_list li:before{content:"·";font-size:25px;
      vertical-align:middle;line-height:10px;}
    #psm_unread_list li a{font-size:11px;text-decoration:none;}
    #psm_nolist{padding:20px 10px;color:#aaa;text-align:center;}
    #psm_list_all{display:block;margin-top:3px;padding:2px;
      border-top:1px solid #eee;text-align:center;font-size:11px;}
    #psm_list_all:hover{color:#EF77EE;}
  </style>

  <!-- // 알리미 -------------->