<?php

/* @var $this yii\web\View */
use yii\helpers\Url;
use yii\helpers\BaseInflector;
use app\models\Distribution;
use common\helper\Helper;
use yii\helpers\Html;

$this->title = 'Home page Untuk Guru - Belajar Online';
?>
<meta name="keywords" content="guru, belajar, daring, guru online, belajar online">
<meta name="description" content="Aplikasi sederhana untuk mengolah nilai untuk guru dan sebagai media untuk memberikan materi pelajaran serta soal-soalnya kepada siswa-siswi bimbingan anda. ">
<meta name="Title" content="Home page Untuk Guru - Belajar Online ">
<!-- Welcome Area Start -->


    <!-- Our Speakings Area Start -->
    <section class="our-speaker-area bg-img bg-gradient-overlay section-padding-100-60" style="background-image: url(img/bg-img/3.jpg);">
        <div class="container">
            <div class="row">
                <!-- Heading -->
                <div class="col-12">
                    <div class="section-heading text-center wow fadeInUp" data-wow-delay="300ms">
                        <p>---</p>
                        <h4></h4>
                    </div>
                </div>
            </div>
			<div class="row">
            	<?php
                    foreach ($siswa as $dt) :
                ?>                    
                <!-- Single Speaker Area -->
                <div class="col-12 col-sm-6 col-lg-2 mobilevd">
                    <div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
                        <!-- Thumb -->
                        <div class="speaker-single-thumb">
                            <?php
                            echo $dt->vImage;
                            $filename   = 'uploads/profile/'.$dt->vImage;
                            $noimage    = 'icam/user.png';

                            if (empty($dt->vImage) ) {
                                echo '
                                    <a href="'.Url::to(['kelas/siswa/', 'slug' => $dt->slug]).'" alt="link-hitam">
                                    <img src="'.Yii::$app->request->baseUrl.'/'.$noimage.'"style="height:100%;">
                                    </a>';
                            }else if (!empty($filename) && file_exists($filename)) {
                                echo '
                                    <a href="'.Url::to(['kelas/siswa/', 'slug' => $dt->slug]).'" alt="link-hitam">
                                    <img src="'.Yii::$app->request->baseUrl.'/'.$filename.'" style="width:100%;">
                                    </a>';
                            } else {
                                echo '
                                    <a href="'.Url::to(['kelas/siswa/', 'slug' => $dt->slug]).'" alt="link-hitam">
                                    <img src="'.Yii::$app->request->baseUrl.'/'.$noimage.'"style="height:100%;">
                                    </a>';
                            }
                            ?>
                        </div>
                        <!-- Social Info -->
                        <div class="social-info">
                            <a href="#"><i class="fa fa-eye"></i></a>
                            <a href="#"><i class="zmdi zmdi-facebook"></i></a>
                            <a href="#"><i class="zmdi zmdi-instagram"></i></a>
                        </div>
                        <!-- Info -->
                        <div class="speaker-info">
							<a href="#">
                            <b><?php echo $dt->vNama; ?></b>                           
                            </a>
                        </div>
                        
                        <div>
                    	
                    </div>
                    </div>
                	
                </div>
                <?php
                    endforeach;
                ?>
                </div>
            
        </div>
    </section>
    <!-- Our Speakings Area End -->

 <style>
 	@media only screen and (max-width: 767px) {
         
          .mobilevd{max-width: 50%;height: 50%;}
          .single-speaker-area .speaker-single-thumb {
          	height: 220px;
          }
          }
          .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
 </style>

    
    <!-- Contact Area End -->
    <!-- banner-last End -->