@extends('layouts.master')

@section('content')

<div class="row">
    <div class="col-md-12">
        <h4>{{ $title }}</h4>
        <div class="box box-warning">
            <div class="box-header">
                <p>
                    <button class="btn btn-sm btn-flat btn-warning btn-refresh"><i class="fa fa-refresh"></i> Refresh</button>
                </p>
            </div>
            <div class="box-body">

                @foreach($data as $dt)
                <div  class="row">

                    <center>
                        <h1>
                            <b><i>
                                No Urut {{ $dt->no_urut }}
                            </i></b>
                        </h1>
                    </center>

                    <div class="col-md-6">
                      <!-- Widget: user widget style 1 -->
                      <div class="box box-widget widget-user-2">
                        <!-- Add the bg color to the header using any of the bg-* classes -->
                        <div class="widget-user-header bg-yellow">
                          <div class="widget-user-image">
                            <img class="img-circle" src="{{ asset($dt->mahasiswa_calon_ketua->photo) }}" alt="User Avatar">
                          </div>
                          <!-- /.widget-user-image -->
                          <h3 class="widget-user-username">{{ $dt->mahasiswa_calon_ketua->nama }}</h3>
                          <h5 class="widget-user-desc">Calon Ketua</h5>
                        </div>
                        <div class="box-footer no-padding">
                          <ul class="nav nav-stacked">
                            <li><a href="#">Nim : {{ $dt->mahasiswa_calon_ketua->nim }} <span class="pull-right badge bg-blue"></span></a></li>
                            <li><a href="#">Nama : {{ $dt->mahasiswa_calon_ketua->nama }} <span class="pull-right badge bg-aqua"></span></a></li>
                            <li><a href="#">No Telp : {{ $dt->mahasiswa_calon_ketua->no_telp }} <span class="pull-right badge bg-green"></span></a></li>
                            <li><a href="#">Alamat : {{ $dt->mahasiswa_calon_ketua->alamat }} <span class="pull-right badge bg-red"></span></a></li>
                          </ul>
                        </div>
                      </div>
                      <!-- /.widget-user -->
                    </div>

                    <div class="col-md-6">
                      <!-- Widget: user widget style 1 -->
                      <div class="box box-widget widget-user-2">
                        <!-- Add the bg color to the header using any of the bg-* classes -->
                        <div class="widget-user-header bg-yellow">
                          <div class="widget-user-image">
                            <img class="img-circle" src="{{ asset($dt->mahasiswa_calon_wakil->photo) }}" alt="User Avatar">
                          </div>
                          <!-- /.widget-user-image -->
                          <h3 class="widget-user-username">{{ $dt->mahasiswa_calon_wakil->nama }}</h3>
                          <h5 class="widget-user-desc">Lead Calon Wakil Ketua</h5>
                        </div>
                        <div class="box-footer no-padding">
                          <ul class="nav nav-stacked">
                            <li><a href="#">Nim : {{ $dt->mahasiswa_calon_wakil->nim }} <span class="pull-right badge bg-blue"></span></a></li>
                            <li><a href="#">Nama : {{ $dt->mahasiswa_calon_wakil->nama }} <span class="pull-right badge bg-aqua"></span></a></li>
                            <li><a href="#">No Telp : {{ $dt->mahasiswa_calon_wakil->no_telp }} <span class="pull-right badge bg-green"></span></a></li>
                            <li><a href="#">Alamat : {{ $dt->mahasiswa_calon_wakil->alamat }} <span class="pull-right badge bg-red"></span></a></li>
                          </ul>
                        </div>
                      </div>
                      <!-- /.widget-user -->
                    </div>

                </div>
                @endforeach

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

@endsection

@section('scripts')

<script type="text/javascript">
    $(document).ready(function(){

        // btn refresh
        $('.btn-refresh').click(function(e){
            e.preventDefault();
            $('.preloader').fadeIn();
            location.reload();
        })

    })
</script>

@endsection