{global_header_before_title}
{preload_replace:widget_bundle="frontpage"}
{embed="embeds/global_header" page="person_update"}

 
 <div id="columns"> 
        <div class="message-manage"> 
            <div class="box-wrap">
                  <h1 class="title underline">Message Manager</h1>
                                    
                  <div class="box-wrap-content" >
                       <p class="alert" id="message"></p>
                       [##if "[##exist_current_messages##]" == "no" && "[##exist_history_messages##]" == "no" ##]
                       <p class="strong">You currently have no messages</p>
                       [##/if##]
                       <form name="message_manage" method="post" action="{site_url}">
                           <input type="hidden" name="ACT" value="[##AID##]"/>
                           <input type="hidden" name="cmd" id="cmd" value="" />
                           <input type="hidden" name="task_id" id="task_id" value="" />
                           <div class="container">
                                [##if "[##exist_current_messages##]" == "yes" ##]
                                <div class="item main-item clearer">
                                    <p class="medium">Current Messages</p>
                                    <div class="item-wrapper">
                                        <table>
                                            <colgroup>
                                                <col width="50">
                                                <col width="100">
                                                <col width="">
                                                <col width="80">
                                                <col width="90">
                                                <col width="40">
                                            </colgroup>
                                            <thead>
                                                <tr>
                                                    <td class="left-action">View</td>
                                                    <td>Date</td>
                                                    <td>Subject</td>
                                                    <td>Priority</td>
                                                    <td>Status</td>
                                                    <td class="right-action">Close</td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            {exp:person:message_manage target="current_messages"}
                                            <tr>
                                                <td class="left-action">
                                                    <input type="button" class="btn-view btn-hide btn-small" />
                                                </td>
                                                <td>{date_entered}</td>
                                                <td>
                                                    {name}
                                                    <p class="description" style="display: none;">{description}</p>
                                                </td>
                                                <td>{priority}</td>
                                                <td>{status}</td>
                                                <td class="right-action"><input type="button" class="btn-close btn-small" data="{id}"/></td>
                                            </tr>
                                            {/exp:person:message_manage}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                [##/if##]
                                
                                [##if "[##exist_history_messages##]" == "yes" ##]
                                <div class="item main-item clearer">
                                    <p class="medium">History</p>
                                    <div class="item-wrapper">
                                        <table>
                                            <colgroup>
                                                <col width="50">
                                                <col width="100">
                                                <col width="">
                                                <col width="80">
                                                <col width="90">
                                                <col width="40">
                                            </colgroup>
                                            <thead>
                                                <tr>
                                                    <td class="left-action">View</td>
                                                    <td>Date</td>
                                                    <td>Subject</td>
                                                    <td>Priority</td>
                                                    <td>Status</td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            {exp:person:message_manage target="history_messages"}
                                            <tr>
                                                <td class="left-action">
                                                    <input type="button" class="btn-view btn-hide btn-small" />
                                                </td>
                                                <td>{date_entered}</td>
                                                <td>
                                                    {name}
                                                    <p class="description" data="{id}" style="display: none;">{description}</p>
                                                </td>
                                                <td>{priority}</td>
                                                <td>{status}</td>
                                                
                                            </tr>
                                            {/exp:person:message_manage}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                [##/if##]
                                
                           </div>    
                       </form>
                       {embed='person/message_manage_links'}
                       <script type="text/javascript">
                       
                       jQuery(document).ready(function($){
                           
                           var alertObj = $('#message');
                           alertObj.hide();
                           
                           
                           $('input.btn-close').click(function(){
                              $('#cmd').val('update');
                              var task_id = $(this).attr("data");
                              $("#task_id").val(task_id);
                              $('form').submit();
                           });
                           
                           $("input.btn-view").click(function(){
                               if($(this).hasClass('btn-show')){
                                   $(this).removeClass('btn-show');
                                   $(this).parent().parent().find("p.description").hide();
                               }else{
                                   $(this).addClass('btn-show');
                                   $(this).parent().parent().find("p.description").show();
                               }
                               
                           });
                       });
                       </script>
                  </div>
                  
            </div>
 
        </div> <!--/col1--> 
 
{global_footer}