@extends('template_front.index')
@section('url'){{url('struktur')}}
@stop
@section('title','Struktur Desa Nepo Kabupaten Barru')
@section('description','Struktur Desa Nepo Kabupaten Barru')
@section('image'){{asset('assets/img/struktur.png')}}
@stop
@section('content')

<style type="text/css">

  #run{
    border: 2px solid #000;
    border-radius: 11px;
    padding:2px;
    width: 154px !important;
    display: inline-block;
    background-color: #56ec24;
    flex: none !important;
    text-align: center;
    font-size: 10pt;
    color: #000;
  }
  #runn{
    color: #000;
    border-radius: 11px;
    padding:2px;
    border: 2px solid #000 ;
    margin-right: 38px;
    margin-left: 0px;
    width: 150px !important;
    display: inline-table;
    background-color: #56ec24;
    flex: none !important;
    text-align: center;
    font-size: 10pt;
  }
  #runnn{
    color: #000;
    border-radius: 11px;
    padding:2px;
    border: 2px solid #000 ;
    margin-left: 52px;
    width: 150px !important;
    display: inline-table;
    background-color: #56ec24;
    flex: none !important;
    text-align: center;
    font-size: 10pt;
  }

  span img{
    height: 100px;
    width: 100px;
  }

  #fuck img{
    height: 79px !important;
  }
  span i, span b{
    padding : 0;
    margin : 0;
    line-height : 20px;
    font-style: normal;
    display: inline-block;
    font-size:10px;
    color: #000;
  }
  span img{
    border-radius: 6px;
  }
}
</style>
<section class="news_detail" style="padding-top: 50px !important">
  <div class="container">
    <div class="block-title text-center">
      <h4>Struktur Desa Manuba</h4>
      <div class="leaf">
        <!-- <img src="{{asset('assets/images/resources/leaf.png')}}" alt=""> -->
      </div>
    </div>
    <div class="row" style="overflow-x: scroll;">
      <div style="width: 1188px !important;display: inline-block;">

        <span id="run" style="margin-left: 520px !important">
          @if(empty($pimpinan->nama))
          No Data<br>
          <img src="{{url(Storage::url('back_template/assets/images/users/avatar-1.jpg'))}}" alt=""><br>
          No Data
          @else
          <b>{{$pimpinan->nama_jabatan}}</b><br>
          <img src="{{url(Storage::url($pimpinan->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('back_template/assets/images/users/avatar-1.jpg')}}';">
          <br>
          <i>{{$pimpinan->nama}}</i>
          @endif
        </span>
      </div>

      <div style="width: 1188px !important;display: inline-block;">
        <span style="display: inline-block;border-right: 2px solid#000;margin-left: 599px">&nbsp;</span>
      </div>
      <div style="width: 1188px !important !important;display: inline-block;">
        <span style="width: 300px !important;margin-left: 601px; display: inline-block; border-right: 2px solid #000 ;border-top: 2px solid #000;border-left: 2px solid #000">&nbsp;
        </span>
      </div>

      <div style="margin-top: -4px;display: inline-flex;width: 1188px !important">
        <span  style="display: inline-table; border-left: 2px solid #000;margin-left: 601px;height: 175px;width: 90px;margin-right: 49px;">
          &nbsp;
        </span>
        <span id="run" style="height: 170px !important;display: inline-table;margin-left: 64px">
          @if(empty($sekertaris->nama_jabatan))
          No Data<br>
          <img src="{{asset('back_template/assets/images/users/avatar-1.jpg')}}" alt=""><br>
          No Data
          @else
          <b>{{$sekertaris->nama_jabatan}}</b><br>
          <img src="{{url(Storage::url($sekertaris->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('back_template/assets/images/users/avatar-1.jpg')}}';"><br>
          <i>{{$sekertaris->nama}}</i>
          @endif
        </span>
      </div>


      <!-- </div> -->
      <div style="margin-top: -3px;display: inline-block;width: 1188px !important">
        <span  style="display: inline-block; border-left: 2px solid #000;width:303px !important;margin-left:299px !important;border-top: 2px solid #000">
          &nbsp;
        </span>
        <span  style="display: inline-block; border-right: 2px solid #000;width:297px !important;">
          &nbsp;
        </span>
      </div>
      <div style="display: inline-flex;">
        <span style="width: 59px !important;border-right: 2px solid #000;border-top:2px solid #000;border-left:2px solid #000;width: 200px !important;margin-left:100px !important;display: inline-block;">
          &nbsp;
        </span>
        <span style="width: 59px !important;border-right: 2px solid #000;border-top:2px solid #000;width: 200px !important;display: inline-block;margin-left: -4px !important;">
          &nbsp;
        </span>
        <span style="width: 59px !important;border-right: 2px solid #000;border-top:2px solid #000;border-left:2px solid #000;width: 200px !important;margin-left:200px !important;display: inline-block;">
          &nbsp;
        </span>
        <span style="width: 59px !important;border-right: 2px solid #000;border-top:2px solid #000;width: 200px !important;display: inline-block;margin-left: -4px !important;">
          &nbsp;
        </span>
      </div>

      <div style="width:1188px !important;display: inline-flex;">
        @foreach($kasi as $j => $value)
        <span id="runn" id="fuck">
          <b>{{$value->nama_jabatan}}</b>
          <img src="{{url(Storage::url($value->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('back_template/assets/images/users/avatar-1.jpg')}}';"><br>
          <i>{{$value->nama}}</i> 
        </span>
        @endforeach
        @if($j<2)
        @for($b=$j;$b<2;$b++)
        <span id="runn" id="fuck">
          <b>Belum <br>Ada</b>
          <img src="{{asset('back_template/assets/images/users/avatar-1.jpg')}}"><br>
          <i>---</i>  
        </span>
        @endfor
        @endif
        @foreach($kaur as $j => $value)
        <span id="runnn" id="fuck">
          <b>{{$value->nama_jabatan}}</b>
          <img src="{{url(Storage::url($value->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('back_template/assets/images/users/avatar-1.jpg')}}';"><br>
          <i>{{$value->nama}}</i>  
        </span>
        @endforeach
        @if($j<2)
        @for($b=$j;$b<2;$b++)
        <span id="runnn" style="border: 1px solid #000 ;width: 15.666%;margin-right: 1.2%;" id="fuck">
          <b>Belum <br>Ada</b>
          <img src="{{asset('back_template/assets/images/users/avatar-1.jpg')}}"><br>
          <i>---</i>  
        </span>
        @endfor
        @endif
      </div>
      <div style="display: inline-flex;">
        <span style="width: 59px !important;border-right: 2px solid #000;border-left:2px solid #000;width: 200px !important;margin-left:100px !important;display: inline-block;">
          &nbsp;
        </span>
        <span style="width: 59px !important;border-right: 2px solid #000;width: 200px !important;display: inline-block;margin-left: -4px !important;">
          &nbsp;
        </span>
        <span style="width: 59px !important;border-right: 2px solid #000;border-left:2px solid #000;width: 200px !important;margin-left:200px !important;display: inline-block;">
          &nbsp;
        </span>
        <span style="width: 59px !important;border-right: 2px solid #000;width: 200px !important;display: inline-block;margin-left: -4px !important;">
          &nbsp;
        </span>
      </div>

      

      <div style="width:1188px !important;display: inline-flex;">
        @if(!empty($staff_kasi)) 
          @php $jum="0" @endphp
          @foreach($staff_kasi as $val)
            @php $jum=$jum+1 @endphp
            <span id="run" style="border: 1px solid #000 ;width: 15.9999%;margin-right: 33px;" id="fuck">
              <b>{{$val->nama_jabatan}}</b>
              <img src="{{url(Storage::url($val->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('back_template/assets/images/users/avatar-1.jpg')}}';"><br>
              <i>{{$val->nama}}</i>
            </span>
          @endforeach
          @if(($jum>=1)and($jum<=2))
            @php $a=3-$jum @endphp
            @for ($i =1; $i <= $a; $i++)
              <span id="run" style="border: 1px solid #000 ;width: 15.9999%;margin-right: 1.6%;" id="fuck">
                <b>Data Belum Ada</b><br><br><br><br>.....
              </span>
            @endfor
          @endif
        @endif
        @if($jum=0))
          @for ($i =1; $i <= 3; $i++)
            <span id="run" style="border: 1px solid #000 ;height:100px;width: 118px;margin-right: 1.2%;" id="ss">
             <b>Data Belum Ada</b><br><br><br><br>.....
            </span>
          @endfor
        @endif
        <span style="margin-left: 5px">&nbsp;</span>
        @if(!empty($staff_kaur)) 
          @php $jum="0" @endphp
          @foreach($staff_kaur as $val)
            @php $jum=$jum+1 @endphp
            <span id="run" style="border: 1px solid #000 ;margin-left: 45px;" id="fuck">
              <b>{{$val->nama_jabatan}}</b>
              <img src="{{url(Storage::url($val->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('back_template/assets/images/users/avatar-1.jpg')}}';"><br>
              <i>{{$val->nama}}</i>
            </span>
          @endforeach
          @if(($jum>=1)and($jum<=2))
            @php $a=3-$jum @endphp
            @for ($i =1; $i <= $a; $i++)
               <span id="run" style="border: 1px solid #000 ;margin-left: 45px;" id="fuck">
                <b>Data Belum Ada</b><br><br><br><br>.....
              </span>
            @endfor
          @endif
        @endif
        @if($jum=0))
          @for ($i =1; $i <= 3; $i++)
             <span id="run" style="border: 1px solid #000 ;margin-left: 45px;" id="fuck">
              <b>Data Belum Ada</b><br><br><br><br>.....
            </span>
          @endfor
        @endif
      </div>
    </div>
  </section>



  @endsection