@extends('homepage.home')
@section('home')
<!-- Full Width Column -->
<div class="content-wrapper">
	<div class="container">
		<!-- Content Header (Page header) -->
		<section class="content-header">
      @foreach($data as $key => $d)
      @endforeach
      <h1>
        Selamat datang di PPDB Online {{ $d->profile_sekolah_r->nama }}
        <!-- <small>Example 2.0</small> -->
      </h1>
      <ol class="breadcrumb">
        <li><a href="/"><i class="fa fa-dashboard"></i> Home</a></li>
				<!-- <li><a href="#">Layout</a></li>
          <li class="active">Top Navigation</li> -->
        </ol>
      </section>

      <!-- Main content -->
      <section class="content col-md-8">
       <div class="box box-success">
        @foreach($data as $key => $d)
        @endforeach
        <div class="box-header with-border">
          <h3 class="box-title">{{ $d->prosedur_ppdb_r->judul }}</h3>
        </div>
        <div class="box-body">
         {!! $d->prosedur_ppdb_r->deskripsi !!}
       </div>
       <!-- /.box-body -->
     </div>
     <!-- /.box -->
     <div class="box box-primary">
      <div class="box-header with-border">
        <h3 class="box-title">Informasi PPDB</h3>

        <div class="box-tools pull-right">
          <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
          </button>
        </div>
      </div>
      <!-- /.box-header -->
      <div class="box-body">
        <ul class="products-list product-list-in-box">
          <li class="item">
            @foreach($data as $key => $d)
            <div class="product-img">
              <img src="{{ asset($d->profile_sekolah_r->logo) }}" style="width: 40px; height: 40px" alt="Product Image">
            </div>
            <div class="product-info">
              <a href="{{url('/info/read',array($d->id))}}" data-toggle="tooltip" title="" data-original-title="Selengkapnya" class="product-title">{{ $d->judul }}</a>
              <div class="pull-right"><i>{{ date('d F Y',strtotime($d->created_at)) }}</i></div>
              <span class="product-description">
                {!! $d->deskripsi !!}
              </span>
            </div>
            @endforeach
          </li>
        </ul>
      </div>
      <!-- /.box-body -->
    </div>
  </section>
  <section class="content col-md-4">
    <!-- <a href="/ppdb" class="btn btn-success btn-block margin-bottom">Daftar PPDB</a> -->
    <table class="box box-success table no-padding text-center">
      <tr>
        <td><a href="/ppdb" type="button" class="btn btn-primary btn-flat btn-block"><i class="fa fa-user-plus"></i> Daftar</a></td>
        <td><a href="/login" type="button" class="btn btn-success btn-flat btn-block"><i class="fa fa-sign-in"></i> Login</a></td>
      </tr>
    </table>
    @include('homepage.sidebar')
    <div class="box box-primary">
      <div class="box-header">
        <h3 class="box-title">Statistik Pendaftaran</h3>
      </div>
      <div class="box-body table-responsive no-padding">
        <table class="table table-striped">
          <thead>
            <tr>
              <th>Unit</th>
              <th>Pendaftar</th>
              <th>Kuota</th>
              <th>Sisa Kuota</th>
              <th>Diterima</th>
            </tr>
          </thead>
          <tbody>
            @foreach($units as $un)
            <tr>
              <th>{{$un->nama}}</th>
              <td>{{ $un->total() }} siswa</td>
              <td>{{$un->kuota}}</td>
              <td>{{$un->kuota - $un->total()}}</td>
              <td>{{ $un->total_lulus() }}</td>
            </tr>
            @endforeach
          </tbody>
        </table>

      </div>
    </div>
    <div class="box box-primary">
      <div class="box-header">
        <h3 class="box-title">Stats</h3>
      </div>
      <div class="box box-body">
        <!-- Histats.com  (div with counter) --><div id="histats_counter"></div>
            <!-- Histats.com  START  (aync)-->
            <script type="text/javascript">var _Hasync= _Hasync|| [];
            _Hasync.push(['Histats.start', '1,4478743,4,424,112,75,00011111']);
            _Hasync.push(['Histats.fasi', '1']);
            _Hasync.push(['Histats.track_hits', '']);
            (function() {
            var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
            hs.src = ('//s10.histats.com/js15_as.js');
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
            })();</script>
            <noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?4478743&101" alt="website page counter" border="0"></a></noscript>
            <!-- Histats.com  END  -->
      </div>
    </div>
  </section>
  <!-- /.content -->
</div>
<!-- /.container -->
</div>
<!-- /.content-wrapper -->

@endsection