<link rel="stylesheet" rev="stylesheet" href="catalog/template/beststoreitems/css/pshow2.css" type="text/css" />
<!--page-->
<table width="700" style="margin-left:15px;">

        <tr><td align="left" style="font-weight:bold;"><?php echo $text_results; ?></td>

        <td align="right">
        
    <form action="<?php echo $action; ?>" method="post" name="pageform" enctype="multipart/form-data">

    <input type="hidden" name="page" value="1" />

    <script language="javascript" defer="defer">

		 function SelectPage(page)

		 {

		    document.pageform.page.value = page;

		 	document.pageform.submit();

			return false;

         };

	</script>

      <table cellspacing="8px" cellpadding="0" hspace="0" vspace="0">

        <tr>

        <?php if ($page>1) { ?>

        <td id="page_box_previous"><a href="#" onclick="return SelectPage(<?php echo ($page-1); ?>);"><?php echo 'Previous'?></a></td>

        <?php };

        foreach ($pages as $pageentry) {   

                if ( $pageentry['value'] > ($page + max(9-$page,4)) ) {?>

                           <td id="page_box_next"><a href="#" onclick="return SelectPage(<?php echo ($page+1); ?>);"><?php echo 'Next'?></a></td>

                <?php 

                     break;

                 } ;

                

                if ( $pageentry['value'] < ($page - 4) ) {continue; }

                ?>

                                          

                <?php if ($pageentry['value'] == $page) { ?>

                <td width="20" height="16" align="center" valign="middle"><b><font color="Blue" size="1"><?php $x = explode(" ",$pageentry['text']);echo $x[0]; ?></font><B></td>

                <?php } else { ?>

                <td id="page_box" >

                <a href="#" onclick="return SelectPage(<?php echo $pageentry['value']; ?>);"><?php $x = explode(" ",$pageentry['text']);echo $x[0]; ?></a></td>

                <?php } ?>   

        <?php } ?>

      </tr></table>

    </form>

</td></tr></table>
<!--end_page-->
<div style="display: block;" class="tabcont prorecords" id="goods_sale_list"><h3 class="h3_records" style="line-height:30px; margin-left:30px;">Black List</h3>
             <p style="width:740px; padding:0 0 20px 30px; line-height:20px;text-indent:3em; text-align:left; font-size: 10px; color:#000; font-family: Verdana,Arial,Helvetica,sans-serif;">To provide high quality products and good service is beststoreitems's exclusive goal.&nbsp;The important reason of we can grow and expansion is the customer's trust and support, But recently, our websit occurred some bad intentional fraud phenomenon. Some customers always find all kinds of ways to cheat our products and money, eg: when he received our goods with no any problems, but he still sent a complain to his Credit Card company on purpose to claim we get the pamment of his order without his permition. This kind of behaviour causes our company very serious losses. In order to prevent the fraud phenomenon occur again, we have to publish the order information on our website. We do this, the only prupose is that everybody can help us make a supervision. If cause inconvenience, please give understanding and support! In any case, please don’t worry, we just publish the information of those people who cheat us and will always strictly keep the good and honest customer's private information.
 </p>
			   <div class="output">
				<table class="table_records" style="width:740px;">
					<tbody>
					<tr class="tac">
					   <th width="160">Bilker Name</th>
					   <th width="180">Order Reference</th>
					   <th>Comment</th>
					</tr>
					<?php foreach($black_list as $k=>$list){?>
					<?php $k = $k+1;?>
					<input type="hidden" name="comment" id="comment<?php echo $k;?>" value="<?php echo $list['comment'];?>"/>
					<tr class="tac">
						<td width="160" style="font-size:9px;"><?php echo $list['firstname'].'  '.$list['lastname']?></td>						
						<td width="180">
						  <a target="_blank" href="index.php?controller=order_detail&order_id=<?php echo $list['order_id']?>" style="font-size:9px;">PO#<?php echo $list['reference']?>
						 		<div style="text-decoration:underline;color:#FF6600; margin-top:5px;">View Detail</div>			     
						  </a>		
						   					  
						 </td>
				
						<td style="position:relative; font-size:9px;">
							<?php if(empty($list['comment'])){?>No
							<?php }else {?>
								<?php echo strlen($list['comment']) > 50?substr($list['comment'],0,50).'...<a class="more-link" onclick="hide_content('.$k.')" href="javascript:void(0);">More</a>':$list['comment']?>
							<?php }?>
							<div id="temp-popup-content<?php echo $k;?>" class="popup-content" style="display: none; z-index: 999999; left: 450px; top: 130px;height:280px">
								<a class="popup-close" href="javascript:void(0);"></a>
								<h3></h3>
								<div>
									<ul>
										<li style="font-size: 10px; color:#000; font-family: Verdana,Arial,Helvetica,sans-serif; text-align:left;"><?php echo $list['comment'];?></li>
									</ul>
								</div>
							</div>
						</td>
					</tr>				
				    <?php }?>		
					</tbody></table>
			      </div>
			      <!--feedback start-->
			      			      <!--feedback end-->
             </div>
             
 <!--page-->
<table width="700" style="margin-left:15px;">

        <tr><td align="left" style="font-weight:bold;"><?php echo $text_results; ?></td>

        <td align="right">

      <table cellspacing="8px" cellpadding="0" hspace="0" vspace="0">

        <tr>

        <?php if ($page>1) { ?>

        <td id="page_box_previous"><a href="#" onclick="return SelectPage(<?php echo ($page-1); ?>);"><?php echo 'Previous'?></a></td>

        <?php };

        foreach ($pages as $pageentry) {   

                if ( $pageentry['value'] > ($page + max(9-$page,4)) ) {?>

                           <td id="page_box_next"><a href="#" onclick="return SelectPage(<?php echo ($page+1); ?>);"><?php echo 'Next'?></a></td>

                <?php 

                     break;

                 } ;

                

                if ( $pageentry['value'] < ($page - 4) ) {continue; }

                ?>

                                          

                <?php if ($pageentry['value'] == $page) { ?>

                <td width="20" height="16" align="center" valign="middle"><b><font color="Blue" size="1"><?php $x = explode(" ",$pageentry['text']);echo $x[0]; ?></font><B></td>

                <?php } else { ?>

                <td id="page_box" >

                <a href="#" onclick="return SelectPage(<?php echo $pageentry['value']; ?>);"><?php $x = explode(" ",$pageentry['text']);echo $x[0]; ?></a></td>

                <?php } ?>   

        <?php } ?>

      </tr></table>

</td></tr></table>
<!--end_page-->

<script type="text/javascript">
$('.popup-close').click(function(){
	$('.popup-content').hide();
});
function hide_content(id){
	document.getElementById('temp-popup-content'+id).style.display='block';
	return false;
}
</script>
<style type="text/css">
#page .more-link:link {
    color: #0066CC;
}
.more-link {
    background-position: 0 -80px;
    padding-left: 17px;
}
.more-link {
    cursor: pointer;
}
.more-categories {
    display: none;
}

.popup-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    position: fixed;
    width: 500px;
}
.popup-close {
    background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/spr_we_buyer_list.png") no-repeat scroll 0 -1150px transparent;
    display: block;
    height: 19px;
    position: absolute;
    right: 10px;
    top: 7px;
    width: 19px;
}
.popup-content h3 {
    background: none repeat scroll 0 0 #FEF7DB;
    color: #010103;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    margin: 1px;
    padding: 0 16px;
}
.popup-content div {
    height: 400px;
    overflow: auto;
    padding: 5px 0 15px;
}
.popup-content li {
    float: left;
    font-size: 11px;
    line-height:20px;
    overflow: hidden;
    padding: 8px 0 0 20px;
    line-height:17px;
}
.popup-content li a {
    white-space: nowrap;
}
.popup-content li a:hover {
    color:#FF6600;
	text-decoration:none;
}
</style>