Как сделать затемнение блока относительно результата SQL запроса?

Question

[Vadim Kravchik]

Есть страница, которая формируется следующим образом.

<div class="row">
			<?php foreach($actionArr as $action){ ?>
            <div class="col-lg-4 col-md-6 mb-4">
              <div class="card h-100">
                <a href="#"><img  class="image"  src="<?=$action['photo'];?>" alt=""></a>
                <div class="card-body">
                  <h4 class="card-title">
                    <a href="#"><?=$action['product'];?></a>
                  </h4>
				  <p class="card-text">Знижка: <?=$action['discount'];?>%</p>
                  <h5><s>$<?=($action['price']);?></s> <b class="colortext">$<?=($action['price']*(100 - $action['discount']))/100;?></b></h5>
                  <p class="card-text">Тканина: <?=$action['cloth'];?></p>
				  <form method="POST" action="rezervAction.php"> <button name="actionrezerv" type='submit' onClick="" value="<?=$action['id'];?>">Резерв</button> </form>
                </div>
                <div class="card-footer">
                  <small class="text-muted"></small>
                </div>
              </div>
            </div>
	<?php } ?>
<div class="fixed-overlay"></div>

По нажатию кнопки резервуется продукт, и в таблице его поле "rezerved" меняет свое значение с 0 на 1. Как сделать вывод этих записей, НО если в поле "rezerved", блок нужно затемнить, чтобі другие пользователи видели, что его нельзя больше зарезервировать?

Answer 1

[Станислав]

Видимо как то так

.col-lg-4 {
    position: relative
}
.col-hide {
    position: absolute;
    background: #ddd;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .3;
    z-index: 2
}

<div class="row">
      <?php foreach($actionArr as $action){ ?>
            <div class="col-lg-4 col-md-6 mb-4">
                <?php if ($action['rezerved']) { ?>
                    <div class="col-hide"></div>
                <?php } ?>