@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">
  #scroll .col-md-12{
      width: 718px !important;
      left: 0px;margin: 0px;padding: 0px;clear: both;display: inline-flex;
      font-size: 8pt;
    }
  #run{
    border: 1px solid #999292;
    border-radius: 11px;
    padding:2px;
    width: 115px !important;
    display: inline-block;
    background-color: #dfdfdf;
  }
  .remove .col-md-2{
    border-top: 0px !important;
  }
  #banyak .col-md-2{
    border-left: 1px solid #999292 ;
    border-top: 1px solid #999292 ;
    display: inline-block;
    width: 119px !important;
  }
  #banyak .ada{
    border-left: 1px solid #999292 ;
    border-top: 1px solid #999292 ;
    display: inline-block;
    width: 59px !important;
  }
   #scroll{
      overflow-x: scroll;
    }
  span img{
    height: 100px;
    width: 100%;
  }
  #mantan .col-md-3{
    border:1px solid #999292 ;
    border-radius: 6px;
    text-align: center;
  }
 #fuck{
  border-radius: 4px !important;
  background-color: #dfdfdf;
  border:1px solid #999292  #dfdfdf !important;
  height: max-content !important;
 }
 #ss{
  border-radius: 4px !important;
  background-color: #dfdfdf;
  border:1px solid #999292  #dfdfdf !important;
 }
 #banyakk .col-md-4{
  width: 179px !important;
 }
 #fuck img{
  height: 79px !important;
 }
 #tagal .col-md-4{
  width: 233px !important;
  display:inline-block;
 }
 span i, span b{
    padding : 0;
    margin : 0;
    line-height : 20px;
    font-style: normal;
    display: inline-block;
    font-size:12px;
 }
 span img{
 	border-radius: 6px;
 }
 }
</style>
<div class="container">
  <div class="row">
      <div class="col-md-8">
        <div class="page-header">
          <div class="blog">
            <div class="row" id="struck">
            <div class="col-md-12" id="mantan">
              @foreach($mantan as $out)
              <span class="col-md-3" style="height: 138px !important;display: inline-block;background-color: #dfdfdf">
                <b>{{$out->nama}}</b><br>
                  <img src="{{url(Storage::url($out->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('assets/img/image_not_found.jpg')}}';"><br>
                <br>
                {{'Priode -'.$out->thn_masuk}}
              </span>
              @endforeach

            </div>
            </div><br>
            <div class="row" style="text-align: center;" id="scroll">
            <div class="col-md-12" id="tagal">
              <div class="col-md-2"></div>
              <div class="col-md-8"><br><h4><b>Struktur Organisai Desa Nepo</b></h4></div>
              <div class="col-md-2"></div>
            </div>
              <div class="col-md-12">
                <span class="col-md-4" id="run" style="width: 298px;display: inline-block;">
                  @if(empty($bpd->nama))
                    No Data<br>
                    <img src="{{asset('assets/img/image_not_found.jpg')}}" alt=""><br>
                    No Data
                  @else
                    <b>{{$bpd->nama_jabatan}}</b>
                    <img src="{{url(Storage::url($bpd->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('assets/img/image_not_found.jpg')}}';"><br>
                    <i>{{$bpd->nama}}</i>
                  @endif
                </span>
                 <span class="col-md-4" style="width: 188px;display: inline-block;padding-top: 10%;">
                  - - - - - - - - - - - - - - - - - - - -
                </span>
                <span class="col-md-4" id="run">
                  @if(empty($pimpinan->nama))
                    No Data<br>
                    <!-- <img src="{{asset('assets/img/image_not_found.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('assets/img/image_not_found.jpg')}}';">
                    <br>
                    <i>{{$pimpinan->nama}}</i>
                  @endif
                </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 #999292 ">&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" style="width: 138px !important">&nbsp;</span>
                <span class="col-md-5" style="width: 220px !important;display: inline-block; border-right: 1px solid #999292;">&nbsp;
                </span>
                <span class="col-md-5" style="width: 220px !important;display: inline-block; border-right: 1px solid #999292 ;border-top: 1px solid #999292 ">&nbsp;
                </span>
                <span class="col-md-1" style="width: 138px !important">&nbsp;</span>
              </div>
              
              <div class="col-md-12" style="display: flex;">
                <span class="col-md-2" style="width: 108px !important"></span>
                <span class="col-md-2" style="height: 170px !important;width: 112px;">
                  
                </span>
                 <span class="col-md-4" style="border-right: 1px solid #999292 ;width: 154px;display: inline-block;height: 170px">
                  &nbsp;
                </span>
                <span class="col-md-4" style="width: 154px;display: inline-block;">
                  &nbsp;
                </span>
                <span class="col-md-2" id="run" style="height: 170px !important">
                  @if(empty($sekertaris->nama_jabatan))
                    No Data<br>
                    <img src="{{asset('assets/img/image_not_found.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('assets/img/image_not_found.jpg')}}';"><br>
                    <i>{{$sekertaris->nama}}</i>
                  @endif
                </span>
                <span class="col-md-2" style="width: 109px !important"></span>
              </div>
              <div class="col-md-12" id="banyakk" style="margin-top: 0px">
                <span class="col-md-4">
                  &nbsp;
                </span>
                 <span class="col-md-4" style="border-left: 1px solid #999292;border-right:1px solid #999292;border-top: 1px solid #999292">
                  &nbsp;
                </span>
                <span class="col-md-4">
                  &nbsp;
                </span>               
                <span class="col-md-4" style="border-left: 1px solid #999292 ">
                  &nbsp;
                </span>
              </div>
              <div class="col-md-12" id="banyak">
                <span class="col-md-1" style="width: 59px !important">
                  &nbsp;
                </span>
                <span class="col-md-2">
                  &nbsp;
                </span>
                 <span class="col-md-2" style="border-right: 1px solid #999292">
                  &nbsp;
                </span>
                 <span class="col-md-1" style="width: 60px !important">
                  &nbsp;
                </span>
                <span class="col-md-1" style="width:60px !important;border-left: 1px solid #999292">
                  &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 #999292;width: 59px !important;">
                  &nbsp;
                </span>
              </div>

              <div class="col-md-12">
                @foreach($kasi as $j => $value)
                <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;margin-right: 1.2%;" id="fuck">
                    <b>{{$value->nama_jabatan}}</b>
                    <img src="{{url(Storage::url($value->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('assets/img/image_not_found.jpg')}}';"><br>
                    <i>{{$value->nama}}</i> 
                </span>
                @endforeach
                @if($j<2)
                    @for($b=$j;$b<2;$b++)
                    <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;margin-right: 1.2%;" id="fuck">
                      <b>Belum <br>Ada</b>
                      <img src="{{asset('assets/img/image_not_found.jpg')}}"><br>
                      <i>---</i>  
                    </span>
                    @endfor
                @endif


                <span style="width: 1px !important;border-right: 1px solid #999292;margin-right: 18px;margin-left: 13px;"></span>
                @foreach($kaur as $j => $value)
                <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;margin-right: 1.2%;" id="fuck">
                  <b>{{$value->nama_jabatan}}</b>
                    <img src="{{url(Storage::url($value->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('assets/img/image_not_found.jpg')}}';"><br>
                    <i>{{$value->nama}}</i>  
                </span>
                @endforeach
                @if($j<2)
                    @for($b=$j;$b<2;$b++)
                    <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;margin-right: 1.2%;" id="fuck">
                      <b>Belum <br>Ada</b>
                      <img src="{{asset('assets/img/image_not_found.jpg')}}"><br>
                      <i>---</i>  
                    </span>
                    @endfor
                @endif
              </div>


              <div class="col-md-12" id="banyak">
                <span class="col-md-5" style="width: 299px">
                  &nbsp;
                </span>
                <span class="col-md-1"  style="border-right: 1px solid #999292;width: 59px">
                  &nbsp;
                </span>
                 <span class="col-md-1" style="width: 59px">
                  &nbsp;
                </span>                 
                <span class="col-md-5" style="width: 199px">
                  &nbsp;
                </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-1 ada">
                  &nbsp;
                </span>
                 <span class="col-md-1 ada">
                  &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 #999292 ">
                  &nbsp;
                </span>
              </div>

              <div class="col-md-12">
                @if(!empty($bawahan)) 
                 @php $jum="0" @endphp
                @foreach($bawahan as $val)
                     @php $jum=$jum+1 @endphp
                <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.9999%;margin-right: 1.6%;" id="fuck">
                    <b>{{$val->nama_jabatan}}</b>
                    <img src="{{url(Storage::url($val->foto))}}" alt="" onerror="this.onerror=null;this.src='{{asset('assets/img/image_not_found.jpg')}}';"><br>
                    <i>{{$val->nama}}</i>
                </span>

                @if($jum==3)
                  <span style="border-left: 1px solid #999292;margin-right: 7px;margin-left: 7px; ">
                  &nbsp;
                </span>
                @elseif(($jum==6)or($jum==12))
                  </div>

                    <div class="col-md-12" id="banyak">
                      <span class="col-md-5" style="width: 299px">
                        &nbsp;
                      </span>
                      <span class="col-md-1"  style="border-right: 1px solid #999292;width: 59px">
                        &nbsp;
                      </span>
                       <span class="col-md-1" style="width: 59px">
                        &nbsp;
                      </span>                 
                      <span class="col-md-5" style="width: 199px">
                        &nbsp;
                      </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 #999292 ">
                        &nbsp;
                      </span>
                    </div>
                  <div class="col-md-12">
                @endif
                @endforeach
                @if(($jum>6)and($jum<=12))
                  @php $a=12-$jum @endphp
                  @for ($i =1; $i <= $a; $i++)
                     <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;margin-right: 1.2%;" id="ss">
                    </span>
                  @endfor
                @endif
                @if(($jum>=1)and($jum<=6))
                  @php $a=6-$jum @endphp   
                  @for ($i =1; $i <= $a; $i++)
                    @if($a>3)
                      @php $b=$a-2 @endphp 
                    @else
                      @php $b=0 @endphp  
                    @endif
                   
                   @if($i==$b)
                       <span style="border-left: 1px solid #999292;margin-right: 7px;margin-left: 7px; ">
                          &nbsp;
                        </span>
                    @endif
                      <span class="col-md-2" style="border: 1px solid #999292 ;height:100px;width: 15.9999%;margin-right: 1.6%;" id="ss">  
                      </span>
                  @endfor
                @endif

                @if($jum=0))
                  @for ($i =1; $i <= 6; $i++)
                     <span class="col-md-2" style="border: 1px solid #999292 ;height:100px;width: 118px;margin-right: 1.2%;" id="ss">
                    </span>
                  @endfor
                @endif

                @else
                  <div class="col-md-12">
                    <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;margin-right: 1.2%;" id="ss">
                      No Data<img src="assets/img/image_not_found.jpg" alt="">
                    </span>
                    <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;margin-right: 1.2%;" id="ss">
                      No Data<img src="assets/img/image_not_found.jpg" alt="">
                    </span>
                    <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;margin-right: 1.2%;" id="ss">
                      No Data<img src="assets/img/image_not_found.jpg" alt="">
                    </span>
                    <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;margin-right: 1.2%;" id="ss">
                      No Data<img src="assets/img/image_not_found.jpg" alt="">
                    </span>
                    <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;margin-right: 1.2%;" id="ss">
                      No Data<img src="assets/img/image_not_found.jpg" alt="">
                    </span>
                    <span class="col-md-2" style="border: 1px solid #999292 ;width: 15.666%;" id="ss">
                      No Data<img src="assets/img/image_not_found.jpg" alt=""><i class="nama"></i>
                    </span>
                  </div>
                  <br>&nbsp;<br>
                @endif
              </div>
              <br>&nbsp;<br>

           </div>
          </div>
        </div>
        </div>
        {!!view('front.right_page', compact('berita'))!!}      
    </div>
  </div>
  @endsection