@extends('template_front.index')

@section('content')

<style type="text/css">
  #scroll .col-md-12{
      width: 718px !important;
      left: 0px;margin: 0px;padding: 0px;clear: both;display: inline-flex;
    }
  #run{
    border: 1px solid;
    border-radius: 11px;
    padding:2px;
    width: 115px !important;
    display: inline-block;
  }
  #banyak .col-md-2{
    border-left: 1px solid;
    border-top: 1px solid;
  }
   #scroll{
      overflow-x: scroll;
    }
  span img{
    height: 50px;
    width: 80px;
  }
 #fuck{
  border-radius: 4px !important;
 }
 .nama{
  font-size: 8pt;
  line-height: 0px !important;
 }
</style>
<div class="container">
  <div class="row">
      <div class="col-md-8">
        <div class="page-header">
          <div class="blog">
           <div class="row" style="text-align: center;" id="scroll">
            <h4><center><b>Struktur Organisasi</b></center></h4>
          
            @foreach($aparat as $views)
            <!-- {{$views->nama}} -->
             @if ($views->jabatan==1)
               hay = {{$views->nama}} <br>
            @elseif($views->jabatan==3)
                seker = {{$views->nama}}
              @endif
            @endforeach
              <!-- <div class="col-md-12">
                <span class="col-md-4" style="width: 298px;display: inline-block;">
                  &nbsp;
                </span>
                 <span class="col-md-4" id="run">
                  Kepala<br>
                  <img src="{{asset('assets/img/seker.jpg')}}" alt=""><br>
                  <i class="nama">Mamma Husain</i>
                </span>
                <span class="col-md-4" style="width: 298px;display: inline-block;">
                  &nbsp;
                </span>
              </div>

              <div class="col-md-12">
                <span class="col-md-1" style="width:57px !important;display: inline-block;">&nbsp;</span>
                <span class="col-md-5" style="width: 301px !important;display: inline-block; border-right: 1px solid">&nbsp;</span>
                <span class="col-md-5" style="width: 301px !important;display: inline-block;">&nbsp;</span>
                 <span class="col-md-1" style="width:57px !important;display: inline-block;">&nbsp;</span>
              </div>

              <div class="col-md-12">
                <span class="col-md-1">&nbsp;</span>
                <span class="col-md-5" style="width: 298px !important;display: inline-block; border-left: 1px solid;border-top: 1px solid;border-right: 1px solid;">&nbsp;
                </span>
                <span class="col-md-5" style="width: 298px !important;display: inline-block; border-right: 1px solid;border-top: 1px solid">&nbsp;
                </span>
                <span class="col-md-1">&nbsp;</span>
              </div>
              
              <div class="col-md-12">
                <span class="col-md-2" id="run" style="height: 170px !important">
                  Sekertaris<br>
                  <img src="{{asset('assets/img/seker.jpg')}}" alt=""><br>
                  <i class="nama">Masriani.A, S.Sos</i>
                </span>
                 <span class="col-md-4" style="border-right: 1px solid;width: 243px;display: inline-block;height: 190px">
                  &nbsp;
                </span>
                <span class="col-md-4" style="width: 243px;display: inline-block;">
                  &nbsp;
                </span>
                <span class="col-md-2" id="run" style="height: 170px !important">
                  Bendahara<br>
                  <img src="{{asset('assets/img/seker.jpg')}}" alt=""><br>
                  <i class="nama">Ardi Ferdianysah S.Kom</i>
                </span>
              </div>

              <div class="col-md-12" id="banyak">
                <span class="col-md-1">
                  &nbsp;
                </span>
                <span class="col-md-2">
                  &nbsp;
                </span>
                 <span class="col-md-2">
                  &nbsp;
                </span>
                 <span class="col-md-2">
                  &nbsp;
                </span>
                 <span class="col-md-2">
                  &nbsp;
                </span>
                 <span class="col-md-2">
                  &nbsp;
                </span>                  
                <span class="col-md-1" style="border-left: 1px solid">
                  &nbsp;
                </span>
              </div>
              <div class="col-md-12">
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  Ardi <img src="assets/img/a.jpg" alt="">
                </span>
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  Syamsir <img src="assets/img/a.jpg" alt="">
                  <i class="nama">Andi Akbar</i>
                </span>
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  Agil <img src="assets/img/a.jpg" alt="">
                </span>
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  Akbar<br> <img src="assets/img/a.jpg" alt="">
                  <i class="nama">Ardi Ferdianysah S.Kom</i>
                </span>
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  Non <img src="assets/img/a.jpg" alt="">
                </span>
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;" id="fuck">
                  Aba <img src="assets/img/a.jpg" alt="">
                </span>
              </div>
              <div class="col-md-12">
                <span class="col-md-1" style="border-right: 1px solid">
                  &nbsp;
                </span>
                <span class="col-md-1">
                  &nbsp;
                </span>
                <span class="col-md-1" style="border-right: 1px solid;">
                  &nbsp;
                </span>
                 <span class="col-md-1">
                  &nbsp;
                </span>
                <span class="col-md-1" style="border-right: 1px solid;">
                  &nbsp;
                </span>
                 <span class="col-md-1">
                  &nbsp;
                </span>
                <span class="col-md-1" style="border-right: 1px solid;">
                  &nbsp;
                </span>
                <span class="col-md-1">
                  &nbsp;
                </span>
                <span class="col-md-1" style="border-right: 1px solid;">
                  &nbsp;
                </span>
                <span class="col-md-1">
                  &nbsp;
                </span>
                <span class="col-md-1" style="border-right: 1px solid;">
                  &nbsp;
                </span>
                <span class="col-md-1">
                  &nbsp;
                </span>
              </div>
              <div class="col-md-12">
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  Ardi <img src="assets/img/a.jpg" alt="">
                </span>
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  Syamsir <img src="assets/img/a.jpg" alt="">
                </span>
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  Agil <img src="assets/img/a.jpg" alt="">
                </span>
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  Akbar <img src="assets/img/a.jpg" alt="">
                </span>
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  Non <img src="assets/img/a.jpg" alt="">
                </span>
                <span class="col-md-2" style="border: 1px solid;width: 15.666%;" id="fuck">
                  Aba <img src="assets/img/a.jpg" alt=""><i class="nama">Masriani.A, S.Sos</i>
                </span>
              </div><br>&nbsp;<br> -->
           </div>
          </div>
        </div>
        </div>
        {!!view('front.right_page', compact('berita'))!!}      
    </div>
  </div>
  @endsection