<?php if(!defined('FastCore')){exit('Oops!');}
$opt['title'] = 'Видео просмотры';
$time = time();
?>

<!-- Header -->
<div class="header pb-5"style="width: 100%;">
<div class="container-fluid">
        <div class="header-body">
          <!-- Card инфо -->
	<div class="row">
	<div class="col-12">
		<div class="card bg-default">
		<div class="card-body pb-2"style="background-color: #191c24!important;">
	<div class="row">
	<div class="col-md-10">
	<p class="text-white"><b>Просматривайте Youtube видео и получайте оплату на основной баланс!</b><br/>
Администрация не отвечает за материалы размещенные в сёрфинге.</p></div>
	<div class="col-md-2"><a href="/user/vsurf/links" class="btn btn-primary text-uppercase"><i class="fab fa-youtube"></i><br/> Мои видео</a></div>
	</div>
		</div>
		</div>
	</div>
	</div>
        </div>
</div>
</div>

<div class="container-fluid mt--5 pb-5">
<style>
.surfblockopen{background-color: #d0F0e0;border-color: #D0D0D0;color: #808080;opacity:0.3;display:none;}
.panel-success {border-width: 2px;}
</style>
<script>
function showFrame(div, link) {
  window.open('/viewyt/'+link, '_blank');
  $(div).parent().parent().parent().parent().addClass("surfblockopen");
}
</script>
<div class="row">
<?

$listSurf = $db->query("SELECT * FROM `db_surfv` WHERE `balance` >= `price_click` and `status` = '1' ORDER BY vip DESC, price_click DESC, balance DESC")->fetchAll();
if (count($listSurf) > 0) {

$visits = 0;

foreach ($listSurf as $surf) {

$sView = $db->query('SELECT id FROM db_surfv_views WHERE link = '.$surf['id'].' AND uid = '.$uid.' AND time_end > '.$time.' LIMIT 1')->fetchArray();
if ($sView) { $visits += 1; continue; }

$eye = $surf['balance']/$surf['price_click'];

if ($surf['vip'] == 0) { $vip = 'bg-primary'; } else { $vip = 'bg-danger'; }

?>
<div class="col-lg-4 col-md-6"><div>
<a href="#" onclick="showFrame(this, '<?=$surf['id'];?>');" class="serf-link" title="Нажми для просмотра">
<div class="card btn p-0 serf shadow-sm mb-2" style="overflow: hidden;border: 1px solid rgba(25,40,45,0.1);">

<div>
<img class="card-img" src="https://i.ytimg.com/vi/<?=$surf['url2'];?>/mqdefault.jpg" alt="i"> </div>
<div class="card-title p-1 mb-0">
<b><?=$surf['title'];?></b>
</div>

<div class="card-footer text-left p-1 pl-0">
<span class="badge">Таймер: <b><?=$surf['timer'];?> сек.</b></span> 
<span class="badge  float-right">Осталось: <b><?=round($eye,0); ?> <i class="fa fa-eye"></i></b></span> 
</div>

<div class="p-2 text-white <?=$vip;?>"> Оплата: <b>₽ <?=$surf['per_click']; ?></b></div>

</div></a>
</div></div>
<?
} if(count($listSurf) == $visits){ echo '<div class="col-md-12"><div class="alert alert-warning text-center text-uppercase"><b>Нету видео для просмотра!</b></div></div>'; }
} else { echo '<div class="col-md-12"><div class="alert alert-warning text-center text-uppercase"><b>Нету видео для просмотра!</b></div></div>'; }
 ?>
</div></div>
</div>