@extends('users/layout/master')
@section('users_content')
@section('gaactive','active')
<section id="gallery" class="bg-lighter">
     <div class="container">
        <div class="section-title">
          <div class="row">
            <div class="col-md-12">
              <h2 class="text-uppercase text-theme-colored title line-bottom line-height-1 mt-0 mb-0">Nos<span class="text-theme-color-2 font-weight-400"> Photos galeries</span></h2>
            </div>
          </div>
        </div>
        <div class="section-content">
          <div class="row">
            <div class="col-md-12">
              <!-- Works Filter -->
              <div class="portfolio-filter font-alt align-center">
                <a href="#" class="active" data-filter="*">Tout</a>
                <a href="#select1" class="" data-filter=".select1">Agro</a>
                <a href="#select2" class="" data-filter=".select2">Génie Civil</a>
                <a href="#select3" class="" data-filter=".select3">Menuserie, Feraillerie, Maçonnerie</a>
              </div>
              <!-- End Works Filter -->
              
              <!-- Portfolio Gallery Grid -->
              <div id="grid" class="gallery-isotope grid-4 gutter clearfix" style="position: relative; height: 495px;">
                <!-- Portfolio Item Start -->
              @foreach($agro as $galerie)
                <div class="gallery-item select1" style="position: absolute; left: 0px; top: 0px;">
                  <div class="thumb">
                    <img class="img-fullwidth" src="{{asset('images/'.$galerie->link)}}" alt="project">
                    <div class="overlay-shade"></div>
                    <div class="icons-holder">
                      <div class="icons-holder-inner">
                        <div class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
                          <a data-lightbox="image" href="{{asset('images/'.$galerie->link)}}"><i class="fa fa-plus"></i></a>
                          <!-- <a href="#"><i class="fa fa-link"></i></a> -->
                        </div>
                      </div>
                    </div>
                    <a class="hover-link" data-lightbox="image" href="{{asset('images/'.$galerie->link)}}">View more</a>
                  </div>
                </div>
               @endforeach

               @foreach($geni_civil as $galerie)
                <div class="gallery-item select2" style="position: absolute; left: 570px; top: 0px;">
                  <div class="thumb">
                    <img class="img-fullwidth" src="{{asset('images/'.$galerie->link)}}" alt="project">
                    <div class="overlay-shade"></div>
                    <div class="icons-holder">
                      <div class="icons-holder-inner">
                        <div class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
                          <a data-lightbox="image" href="{{asset('images/'.$galerie->link)}}"><i class="fa fa-plus"></i></a>
                          <!-- <a href="#"><i class="fa fa-link"></i></a> -->
                        </div>
                      </div>
                    </div>
                    <a class="hover-link" data-lightbox="image" href="{{asset('images/'.$galerie->link)}}">View more</a>
                  </div>
                </div>
                @endforeach
                <!-- Portfolio Item End -->

                <!-- Portfolio Item Start -->
                @foreach($feraillerie as $galerie)
                <div class="gallery-item select3" style="position: absolute; left: 855px; top: 0px;">
                  <div class="thumb">
                    <img class="img-fullwidth" src="{{asset('images/'.$galerie->link)}}" alt="project">
                    <div class="overlay-shade"></div>
                    <div class="icons-holder">
                      <div class="icons-holder-inner">
                        <div class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
                          <a data-lightbox="image" href="{{asset('images/'.$galerie->link)}}"><i class="fa fa-plus"></i></a>
                          <!-- <a href="#"><i class="fa fa-link"></i></a> -->
                        </div>
                      </div>
                    </div>
                    <a class="hover-link" data-lightbox="image" href="{{asset('images/'.$galerie->link)}}">View more</a>
                  </div>
                </div>
                @endforeach
               
              @foreach($neant as $galerie)
                <div class="gallery-item" style="position: absolute; left: 570px; top: 165px;">
                  <div class="thumb">
                    <img class="img-fullwidth" style="height:185px;" src="{{asset('images/'.$galerie->link)}}" alt="project">
                    <div class="overlay-shade"></div>
                    <div class="icons-holder">
                      <div class="icons-holder-inner">
                        <div class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
                          <a data-lightbox="image" href="{{asset('images/'.$galerie->link)}}"><i class="fa fa-plus"></i></a>
                          <!-- <a href="#"><i class="fa fa-link"></i></a> -->
                        </div>
                      </div>
                    </div>
                    <a class="hover-link" data-lightbox="image" href="{{asset('images/'.$galerie->link)}}">View more</a>
                  </div>
                </div>
                @endforeach
                
              </div>
              <!-- End Portfolio Gallery Grid -->
            </div>
          </div>
        </div>
      </div>
    </section>

@endsection