@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{margin-bottom: 10px;width: 100%;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($monographies as $mono)
        <div class="col-md-6 col-sm-12">
          <div id="pdf" >
             <a href="/{{$mono->file_pdf}}" target="_blank">
              <svg xmlns="http://www.w3.org/2000/svg" width="30.38" height="36.82" viewBox="0 0 30.38 36.82">
                <path fill="#337351" d="M1065.8,1179.4h-25.6a2.407,2.407,0,0,1-2.4-2.4v-32a2.407,2.407,0,0,1,2.4-2.4h17.6a0.81,0.81,0,0,1,.57.23l9.6,9.6a0.81,0.81,0,0,1,.23.57v24A2.407,2.407,0,0,1,1065.8,1179.4Zm-25.6-35.2a0.8,0.8,0,0,0-.8.8v32a0.8,0.8,0,0,0,.8.8h25.6a0.8,0.8,0,0,0,.8-0.8v-23.67l-9.13-9.13H1040.2Zm27.2,9.6h-9.6a0.8,0.8,0,0,1-.8-0.8v-8.8h1.6v8h8.8v1.6Zm-14.4,12a0.8,0.8,0,0,1-.8-0.8v-7.2a0.8,0.8,0,0,1,1.6,0v7.2A0.8,0.8,0,0,1,1053,1165.8Zm0,0.8a0.846,0.846,0,0,1-.57-0.23l-2.55-2.55a0.806,0.806,0,0,1,1.14-1.14l1.98,1.99,2.08-2.09a0.806,0.806,0,0,1,1.14,1.14l-2.65,2.65A0.846,0.846,0,0,1,1053,1166.6Zm4,4h-8a2.407,2.407,0,0,1-2.4-2.4v-1.6a0.8,0.8,0,0,1,1.6,0v1.6a0.8,0.8,0,0,0,.8.8h8a0.8,0.8,0,0,0,.8-0.8v-1.6a0.8,0.8,0,1,1,1.6,0v1.6A2.407,2.407,0,0,1,1057,1170.6Z" transform="translate(-1037.81 -1142.59)"></path>
              </svg>
               <div>
                 <h2>{{$mono->title}}</h2>
                  <span>PDF - {{$mono->taille}}</span>
               </div>
            </a>
          </div>
        </div>

        @endforeach

       
       
      </div>    
  </div>    
</section>




@endsection

@section('scripts')

@endsection