<div class="page-container" id="page-container">
    <!-- BEGIN MAIN CONTENT -->
    <div class="main_content">
        <!-- BEGIN WRAPPER -->
        <div class="content-wrapper" style="padding-top: 80px; padding-bottom: 80px">
<?php
if($_SESSION['E_'.$Action]==1)
if($Action=='Messages'){
	$ptk=mysqli_query($baza,'select * from cf_Messages order by ID desc');
	?>
	<table border="1" cellpadding="3">
  <thead>
    <tr>
      <th scope="col">თარიღი</th>
      <th scope="col">ტელეფონი</th>
      <th scope="col">ელ-ფოსტა</th>
      <th scope="col">შეტყობინება</th>
      <th scope="col"></th>
    </tr>
	</thead>
	<tbody>
		
 
  

	<?php
	while($row=mysqli_fetch_array($ptk,1)){
		echo '<tr '.($row['Readed']==0?'class="notReaded"':'').' num="'.$row['ID'].'">
		  <td>'.$row['DTime'].'</td>
		  <td><a href="tel:'.$row['Phone'].'">'.$row['Phone'].'</a></td>
		  <td><a href="mailto:'.$row['Email'].'">'.$row['Email'].'</a></td>
		  <td><div class="smallText">'.smallText($row['Message']).'</div>
		  		<div class="fullText">'.$row['Message'].'</div></td>
		  <td><img src="img/b_drop.png" class="delete"></td>
		</tr>';
	}
	?>	</tbody></table> <?php
}


?>
</div> 	</div> 	</div> 
<script>
$('.delete').click(function(){
	var num=$(this).closest('tr').attr('num');
	if(confirmMessage('შეტყობინების წაშლა','')){
		$(this).closest('tr').remove();
		$.ajax({
			url:'interactive.php',
			type:'post',
			data:{f:'MessageDelete',id:num}
		}).done(function(data){
			console.log('done=',data);
		}).fail(function(data){
			console.log('fail=',data);
		})
		}
	})
$('.smallText').click(function(){
	$('.smallText').slideDown();
	$('.fullText').slideUp();
	$(this).slideUp();
	$(this).parent().find('.fullText').slideDown();
	$(this).closest('tr').removeClass('notReaded');
	var num=$(this).closest('tr').attr('num');
	$.ajax({
		url:'interactive.php',
		type:'post',
		data:{f:'MessageReaded',id:num}
	})
})
</script>
<style>
	thead{background-color: #0002}
	.delete{cursor: pointer}
	.notReaded .smallText{font-weight: bold;}
	.fullText{display: none}
	.smallText{cursor: pointer}
	.smallText:hover{background-color: yellow;}
</style>