<?php require admin_view('include/header'); ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Görsel Panel</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Genel Ayarlar</a></li>
            <li class="breadcrumb-item active">Görsel Panel</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

  <!-- Main content -->
  <section class="content">

 <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-info">
              <div class="inner">
                <h3><?php echo $bugun ?></h3>

                <p>Online Ziyaretçi</p>
              </div>
              <div class="icon">
                <i class="ion ion-bag"></i>
              </div>
              <a href="#" class="small-box-footer">(Bu Gün)</a>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-success">
              <div class="inner">
                <h3><?php echo $buhafta ?></h3>

                <p>Bu Hafta Ziyaretçi</p>
              </div>
              <div class="icon">
                <i class="ion ion-stats-bars"></i>
              </div>
              <a href="#" class="small-box-footer">(Bu Hafta)</a>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-warning">
              <div class="inner">
                <h3><?php echo $buay ?></h3>

                <p>Bu Ay Ziyaretçi</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
              <a href="#" class="small-box-footer">(Bu Ay)</a>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-danger">
              <div class="inner">
                <h3><?php echo $tum ?></h3>

                <p>Tüm Zamanlar Ziyaretçi</p>
              </div>
              <div class="icon">
                <i class="ion ion-pie-graph"></i>
              </div>
              <a href="#" class="small-box-footer">(Tüm Zamanlar)</a>
            </div>
          </div>
          <!-- ./col -->
        </div>
        <!-- /.row -->
   </div>
      </section>
       <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Info boxes -->
        <div class="row">
          <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box">
              <span class="info-box-icon bg-info elevation-1"><i class="fas fa-volume-up"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Çalan Parça:</span>
                <span class="info-box-number">
                  <marquee direction=left><div id="song"></div></marquee>
             
                </span>
              </div>
              <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
          </div>
          <!-- /.col -->
          <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box mb-3">
              <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-thumbs-up"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Dinleyici Zirvesi</span>
                <span class="info-box-number"><?php echo $peak; ?></span>
              </div>
              <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
          </div>
          <!-- /.col -->

          <!-- fix for small devices only -->
          <div class="clearfix hidden-md-up"></div>

          <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box mb-3">
              <span class="info-box-icon bg-success elevation-1"><i class="fas fa-sitemap"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Yayın Kalitesi</span>
                <span class="info-box-number"><?php echo $bit; ?> kbps</span>
              </div>
              <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
          </div>
          <!-- /.col -->
          <div class="col-12 col-sm-6 col-md-3">
            <div class="info-box mb-3">
              <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-users"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Online Dinleyici</span>
                <span class="info-box-number"><?php echo $current; ?></span>
              </div>
              <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
         </section>
      <!-- /.content -->
      <!-- Main content -->
  <section class="content">

<!-- Default box -->
<div class="card card-info">
  <div class="card-header">
    <h3 class="card-title"><i class="fa fa-info-circle fa-lg" aria-hidden="true"></i> Radyo yayın bilgilerinizi güncelleyniz..</h3>
  </div>
  <!-- /.card-header -->
  <!-- form start -->
  <form action="" method="post">
    <div class="card-body"> 

      <div class="form-group row">
        <label for="inputEmail3" class="col-sm-2 col-form-label">Radyo İsmi:</label>
        <div class="col-sm-8">
          <iframe src="https://<?= $row['radyo_ip'] ?>/cp/widgets/player/single/?p=<?= $row['radyo_port'] ?>" height="110" width="100%" scrolling="no" style="border:none;"></iframe>
        </div>
      </div> 

      <div class="form-group row">
        <label for="inputEmail3" class="col-sm-2 col-form-label">Radyo İsmi:</label>
        <div class="col-sm-8">
          <input type="text" class="form-control" name="radyo_frekans" value="<?= $row['radyo_frekans'] ?>" placeholder="Radyonuzun ismini yazınız">
        </div>
      </div> 

      <div class="form-group row">
        <label for="inputEmail3" class="col-sm-2 col-form-label">Radyo İp:</label>
        <div class="col-sm-8">
          <input type="text" class="form-control" name="radyo_ip" value="<?= $row['radyo_ip'] ?>" placeholder="Örnek: sp.radyotescil.com">
        </div>
      </div> 

      <div class="form-group row">
        <label for="inputEmail3" class="col-sm-2 col-form-label">Radyo Port:</label>
        <div class="col-sm-8">
          <input type="text" class="form-control" name="radyo_port" value="<?= $row['radyo_port'] ?>" placeholder="Örnek: 8000">
        </div>
      </div> 

      
    </div>
    <!-- /.card-body -->

    <div class="card-footer">
      <button type="submit" name="editshoutcast" class="btn btn-info">Güncelle</button> 
    </div>
    <!-- /.card-footer -->
  </form>
</div>
<!-- /.card -->

</section>
<!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

<?php require admin_view('include/footer'); ?>