<!-- First, extends to the CRUDBooster Layout -->
<?php
setlocale(LC_ALL, 'IND');
?>

@extends('crudbooster::admin_template_no_side_bar')

@section('content')
<div class='panel panel-default'>
    <div class='panel-heading'> DOKUMENTASI {{ $dprd->nama }}</div>
        <section style="background-color: #eee;">
          <div class="container py-5">
            <div class="row">
              <div class="col">
               
              </div>
            </div>
        
            <div class="row" style=" margin:20px;">
              <div class="col-lg-4">
                <div class="card mb-4">
                  <div class="card-body text-center">
                      <div class='product-holder'>
                        <img src="{{ request()->getSchemeAndHttpHost() .'/'. $dprd->photo}}" alt="avatar" class="rounded-circle img-fluid product-image" style="width: 150px;"> 
                        <img src="{{ request()->getSchemeAndHttpHost() .'/'. $dprd->photo_partai}}" width="auto" height="50px" style='position: absolute;bottom: 55%;right: 30%;'>
                    </div>
                    
                    
                    @foreach($jabatan as $jb)
                        <h5 class="my-3">{{ $jb->nama_tier }} {{ $jb->nama_dewan }}</h5>
                    @endforeach
 
                  </div>
                </div>
                <div class="card mb-4 mb-lg-0">
                  <div class="list-group">
                      <a href="{{ CRUDBooster::mainpath('profil/'. $dprd->id) }}" class="list-group-item list-group-item-info " ><strong>PROFIL DEWAN</strong></a>
                      <a href="{{ CRUDBooster::mainpath('agenda/'. $dprd->id) }}" class="list-group-item list-group-item-info "><strong>AGENDA</strong></a>
                      <a href="{{ CRUDBooster::mainpath('laporan/'. $dprd->id) }}" class="list-group-item list-group-item-info "><strong>LAPORAN</strong> </a>
                      <a href="#" class="list-group-item list-group-item-info active"><strong>DOKUMENTASI</strong> </a>
                    </div>
                </div>
              </div>
              <div class="col-lg-8">
                <div class="card mb-4">
                  <div class="card-body">
                     <div class="row">
                     @foreach($dokumentasi as $dok)
                      <div class="col-md-4">
                        <div class="thumbnail">
                          <a href="{{ request()->getSchemeAndHttpHost() .'/'. $dok->photo }}">
                            <img src="{{ request()->getSchemeAndHttpHost() .'/'. $dok->photo }}" alt="Lights" style="width:100%">
                            <div class="caption">
                              <p>{{ $dok->caption }}</p>
                              <strong>{{ $dok->kegiatan }}</strong>
                              <p><small>tanggal. {{ $dok->mulai }}</small></p>
                            </div>
                         
                          </a>
                        </div>
                      </div>
                      @endforeach
                
                    </div>
   
                  </div>
                </div>
         
              </div>
            </div>
          </div>
        </section>
    </div>
</div>
@endsection

