@extends('frontend.layouts.app')

@section('title', 'MONOGRAPHIES ET DOCUMENTS')

@section('content')


<section class="breadcrumb-area" style="background-image: 
linear-gradient(to right bottom, rgba(113, 5, 36, 0.87), rgba(28, 114, 81, 0.78)), url({{asset('frontend/images/breadcrumb/cover02.jpg')}});">  <div class="container">
      <div class="row">
          <div class="col-xl-12">
              <div class="inner-content clearfix">
                  <div class="title">
                     <h1>MONOGRAPHIES ET DOCUMENTS                    </h1>
                  </div>
                  <div class="breadcrumb-menu">
                      <ul class="clearfix">
                          <li><a href="/">Accueil</a></li>
                          <li class="active">MONOGRAPHIES ET DOCUMENTS</li>
                      </ul>    
                  </div>
              </div>
          </div>
      </div>
  </div>
</section>

<style>
   #pdf{
    width: 100%;
    position: relative;
    text-align: left;
    margin: 8px auto;
    border-radius: 13px;
    height: 330px;
    background: #fff;
    /* padding: 25px; */
    -webkit-box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.17);
    transition: .8s ease;
    height: 93px;
    /* border: 2px solid #dadada; */
    overflow: hidden;
   }
    #pdf-img{margin-bottom: 10px;width: 100%;height: auto;border: 2px solid #dadada;overflow: hidden;}
    #pdf a{text-decoration: none;display: block;width: 100%;height: 100%;}
    #pdf a svg {float: left;margin: 18px 20px 0 24px;	}
    #pdf a div { float: left; width: calc(100% - 90px);}
    #pdf a div h2,#pdf a div audio { float: left;font-family: 'Poppins',sans-serif;color: #333;font-size: 1.07em;margin-top: 20px;line-height: 1em;}
    #pdf a div span {    float: left;clear: left;color: #333;margin-top: 5px;}
</style>

<section class="about-style01-area">
  <div class="container">
      <div class="row align-items-center justify-content-center">

        @foreach($galeries as $galerie)
        <div class="col-md-4 m-top-30">
          <a href="{{route('ShowGal',[$galerie->id,$galerie->slug])}}">
          <div class="box_our_values">
            <div class="box_our_values_icon">
              <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
              width="30.38" height="36.82" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
              <g>
                <g>
                  <path style="fill:#337351;" d="M494.933,38.4h-409.6c-9.412,0-17.067,7.654-17.067,17.067v17.067H51.2c-9.412,0-17.067,7.654-17.067,17.067v17.067
                  H17.067C7.654,106.667,0,114.321,0,123.733v332.8c0,9.412,7.654,17.067,17.067,17.067h409.6c9.412,0,17.067-7.654,17.067-17.067
                  v-17.067H460.8c9.412,0,17.067-7.654,17.067-17.067v-17.067h17.067c9.412,0,17.067-7.654,17.067-17.067v-332.8
                  C512,46.054,504.346,38.4,494.933,38.4z M17.067,123.733h409.6l0.009,190.635l-44.783-51.183c-3.251-3.721-9.6-3.721-12.851,0
                  l-54.067,61.79L167.799,194.159c-3.234-2.884-8.098-2.884-11.332,0L17.067,318.071V123.733z M426.684,431.01v25.523H17.067V340.89
                  l145.067-128.947l147.934,131.49c1.69,1.51,3.942,2.193,6.204,2.142c2.278-0.145,4.395-1.186,5.888-2.901l53.308-60.911
                  l51.209,58.53l0.008,90.573c0,0.017-0.017,0.043-0.017,0.068S426.684,430.985,426.684,431.01z M460.8,422.4h-17.067V123.733
                  c0-9.412-7.654-17.067-17.067-17.067H51.2V89.6h409.6V422.4z M494.933,388.267h-17.067V89.6c0-9.412-7.654-17.067-17.067-17.067
                  H85.333V55.467h409.6V388.267z"/>
                </g>
              </g>
              <g>
                <g>
                  <path style="fill:#337351;" d="M307.2,174.933c-18.825,0-34.133,15.309-34.133,34.133S288.375,243.2,307.2,243.2s34.133-15.309,34.133-34.133
                  S326.025,174.933,307.2,174.933z M307.2,226.133c-9.412,0-17.067-7.654-17.067-17.067c0-9.412,7.654-17.067,17.067-17.067
                  s17.067,7.654,17.067,17.067C324.267,218.479,316.612,226.133,307.2,226.133z"/>
                </g>
              </g>
            </svg>
            </div>
            <div class="box_our_values_content">
              <h4>{{getTranslationGalerie($galerie->id)['titre']}}</h4>
            </div>
          </div>
          </a>
        </div>
        @endforeach
       
   
      </div>    
  </div>    
</section>




<section class="about-style01-area">
  <div class="container">
      <div class="row justify-content-center">
          <div class="col-xl-10 col-lg-12 text-center">
              <div class="about-style1-content section-header">
                <div class="section-title-border">
									<span>M'GOUN EN PHOTOS</span>
                  <h1>Photos Générales</h1>
								</div>
              </div>   
          </div>
          
      </div> 
  </div>    
</section>
<script src="//lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/66c4b3cd8fe6530b891134e2d8bdf7eb.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;"></iframe>
</div>
            <script>
function imgError(image){
  image.style.display = 'none';
}
</script>




@endsection

@section('scripts')

@endsection