@extends('frontend.layouts.app')

@section('title', 'Présentation')

@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>GÉOPARC UNESCO DU M'GOUN </h1>
                  </div>
                  <div class="breadcrumb-menu">
                      <ul class="clearfix">
                          <li><a href="index-2.html">Home</a></li>
                          <li class="active">Introduction</li>
                      </ul>    
                  </div>
              </div>
          </div>
      </div>
  </div>
</section>





<section class="about-style1-area">
  <div class="container">
      <div class="row align-items-center">
          <div class="col-xl-6 col-lg-10">
              <div class="about-style1-left-content clearfix">
                  <div class="img-box aboutImg">
                    <i>
                      @if(Storage::disk('public')->exists('presentations/'.($presentation ? $presentation->image : '' )))
                      <img src="{{asset('storage/presentations/'.($presentation ? $presentation->image : '' ))}}" class="img-responsive" >
                      @else
                      <img src="http://geoparc-mgoun.ma/images/14.png" alt="Awesome Image">
                      @endif
                    </i>
                  </div>
              </div>     
          </div>
          <div class="col-xl-6 col-lg-12">
              <div class="about-style1-content section-header">
                <div class="section-title-border">
									<span>{{getTranslationPresentation($presentation->id)['title']}}</span>
                  <h1>{{getTranslationPresentation($presentation->id)['subtitle']}}</h1>
								</div>
                  
                  <div class="inner-content">
                    <div class="text">
                      {!!  getTranslationPresentation($presentation->id)['description'] !!}                  
                    </div>
                  </div>
              </div>    
            </div>   
      </div> 
  </div>    
</section>


<section class="about-style1-area" style="padding: 30px 0;">
  <div class="container">
      <div class="row align-items-center">
     
          <div class="col-xl-6 col-lg-12">
              <div class="about-style1-content section-header">
                <div class="section-title-border">
									<span>{{getTranslationPresentation($presentation->id)['title1']}}</span>
                  <h1>{{getTranslationPresentation($presentation->id)['subtitle1']}}
                  </h1>
								</div>
                  
                  <div class="inner-content">
                      
                    {!!  getTranslationPresentation($presentation->id)['description1'] !!}                  
                    
                  </div>    
              </div>   
          </div>

          <div class="col-xl-6 col-lg-12">
            <div class="about-style1-left-content clearfix">
              <div class="recent-post">
                <div class="recent-post-carousel owl-carousel owl-theme owl-nav-style-one">

                            
                  @for($i=0; $i <@count($images)-1; $i++)
                    <div class="single-recent-post">
                        <div class="img-holder">
                            <img src="{{asset('storage/presentations/'.$images[$i])}}" alt="Awesome Image" style='    height: 420px;'>
                            <div class="overlay-style-one bg1"></div>
                        </div>
                    </div>
                    @endfor
                   
                </div> 
              </div>
            </div>     
        </div>
          
      </div>  

    
  </div>    
</section>


<section class="about-style1-area" style="padding: 30px 0;">
  <div class="container">
      <div class="row align-items-center">
     
          <div class="col-xl-6 col-lg-12">
            <div class="about-style1-left-content clearfix">
              <div class="recent-post">
                <div class="recent-post-carousel owl-carousel owl-theme owl-nav-style-one">
                            
                  @for($i=0; $i <@count($imagess)-1; $i++)
                    <div class="single-recent-post">
                        <div class="img-holder">
                            <img src="{{asset('storage/presentations/'.$imagess[$i])}}" alt="Awesome Image" style='    height: 420px;'>
                            <div class="overlay-style-one bg1"></div>
                        </div>
                    </div>
                    @endfor
                </div> 
              </div>
            </div>     
          </div>

          <div class="col-xl-6 col-lg-12">
              <div class="about-style1-content section-header">
              
                  <div class="inner-content">
                    {!!  getTranslationPresentation($presentation->id)['description2'] !!}  
                  </div>    
              </div>   
          </div>
          
      </div>  
  </div>    
</section>


<section class="about-style1-area" style="padding: 30px 0;">
  <div class="container">
      <div class="row align-items-center justify-content-center">
    
          <div class="col-xl-12 col-lg-12">
              <div class="about-style1-content section-header">
              
                  <div class="inner-content">
                    {!!  getTranslationPresentation($presentation->id)['description3'] !!}  
                    
                  </div>    
              </div>   
          </div>
          
      </div>  
  </div>    
</section>




@endsection

@section('scripts')

@endsection