Как пройти через два "div" с разными данными на каждом?

Question

Я пытаюсь создать функцию временной шкалы в моем веб-приложении, у меня есть два разных div , каждый с разными данными, я пытаюсь использовать цикл foreach , но он не работает какОжидается, может кто-нибудь помочь мне достичь этого, будет высоко ценится

Это два деления , где я хочу выполнить Лоо.

    <div class="row timeline-movement">
 <?php foreach ($events as $eve): ?>
    <div class="timeline-badge">
        <span class="timeline-balloon-date-day"><?php echo substr($eve->time,8, -8); ?></span>
        <span class="timeline-balloon-date-month " style="font-size: 20px;"><b><?php echo substr($eve->time,5, -12); ?></b></span>
    </div>

Это первый div

    <div class="col-sm-6  timeline-item">
        <div class="row">
            <div class="col-sm-11">
                <div class="timeline-panel credits">
                    <ul class="timeline-panel-ul">
                        <li><span class="importo"><?php echo $eve->title;?></span></li>
                        <li><span class="causale"><?php echo $eve->description;?></span> </li>
                        <li><p><small class="text-muted"><i class="glyphicon glyphicon-time"></i><?php echo $eve->time;?></small></p> </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>

Это второй div

    <div class="col-sm-6  timeline-item">
        <div class="row">
            <div class="col-sm-11">
                <div class="timeline-panel debits">
                    <ul class="timeline-panel-ul">
                        <li><span class="importo"><?php echo $eve->title;?></span></li>
                        <li><span class="causale"><?php echo $eve->description;?></span> </li>
                        <li><p><small class="text-muted"><i class="glyphicon glyphicon-time"></i><?php echo $eve->time;?></small></p> </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
<?php endforeach ?>

Это модальный файл для получения значения из базы данных

 public function view_timeline($id){

    $this->db->select("*"); 
  $this->db->from('timeline');
    $this->db->where('projectID' ,$id);
    $this->db->order_by("time", "DESC");
  //$this->db->join('client', 'client.Client_id = projects.Client_id');
  $query = $this->db->get();

  return $query->result();
 }

Здесь я создал $ event переменную для получения значений

    $data['events'] = $this->client_model->view_timeline($id);

Мой ожидаемый результат будет похож на этот bootsnip https://bootsnipp.com/snippets/ODzE

Answer 1

В правильной и консолидированной форме, здесь вы можете использовать формулу odd & even, чтобы получить ожидаемый результат

<?php 
$i=1;
foreach ($events as $eve){
    if($i%2){ 
      $div_class = "credits";
    }else{
      $div_class = "debits";
    }
?>
<div class="col-sm-6  timeline-item">
        <div class="row">
            <div class="col-sm-11">
                <div class="timeline-panel <?php echo $div_class; ?>">
                    <ul class="timeline-panel-ul">
                        <li><span class="importo"><?php echo $eve->title;?></span></li>
                        <li><span class="causale"><?php echo $eve->description;?></span> </li>
                        <li><p><small class="text-muted"><i class="glyphicon glyphicon-time"></i><?php echo $eve->time;?></small></p> </li>
                    </ul>
                </div>

            </div>
        </div>
 </div>
<?php $i++;} ?>