@extends('front.layouts.master')
@section('content')


<main>

        <!-- slider Area Start-->
        <div class="slider-area ">
            <div class="slider-active">
                <div class="single-slider  hero-overly slider-height d-flex align-items-center" data-background="{{ asset('front_assets/assets/img/hero/h1_hero.jpg') }}">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-11 col-sm-11">
                                <div class="hero__caption">
                                    <div class="hero-text1">
                                        
                                    </div>
                                    <h1 data-animation="fadeInUp" data-delay=".5s">advanced</h1>
                                    <div class="stock-text" data-animation="fadeInUp" data-delay=".8s">
                                        <h2>Construction</h2>
                                        <h2>Construction</h2>
                                    </div>
                                    <div class="hero-text2 mt-110" data-animation="fadeInUp" data-delay=".9s">
                                      
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="single-slider  hero-overly slider-height d-flex align-items-center" data-background="{{ asset('front_assets/assets/img/hero/h1_hero.jpg') }}">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-11">
                                <div class="hero__caption">
                                    <div class="hero-text1">
                                       
                                    </div>
                                    <h1 data-animation="fadeInUp" data-delay=".5s">advanced</h1>
                                    <div class="stock-text" data-animation="fadeInUp" data-delay=".8s">
                                        <h2>Construction</h2>
                                        <h2>Construction</h2>
                                    </div>
                                    <div class="hero-text2 mt-110" data-animation="fadeInUp" data-delay=".9s">
                                       
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- slider Area End-->
        <!-- Services Area Start -->

        @php

$service=App\Models\Page::where([['name','services'],['status',1],['position','header']])->first();
@endphp

@if(isset($service))
        <div class="services-area1 section-padding30">
            <div class="container">
                <!-- section tittle -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-tittle mb-55">
                            <div class="front-text">
                             <a href="{{ route('page.slug',$service->slug) }}"><h3 class="">{{ $service->name }}</h3></a>
                               
                            </div>
                           
                        </div>
                    </div>
                </div>
                <div class="row">
                @php
     $subservices=App\Models\Page::where([['parent_id',$service->id],['position','header'],['status',1]])->orderBy('weight','asc')->limit(6)->get();
        @endphp

      
          @if(isset($subservices))
@foreach($subservices as $key=> $subservice)
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-service-cap mb-30">
                            <div class="service-img">
                             
                              <img src="/storage/app/public/{{ $subservice->banner }}" alt="">  

</div>
                            <div class="service-cap">
                                <h4><a href="{{ route('page.slug',$subservice->slug) }}">{{ $subservice->name }}</a></h4>
                                <p>{{ $subservice->short_description }}</p>
                                <a href="{{ route('page.slug',$subservice->slug) }}" class="more-btn">Read More <i class="ti-plus"></i></a>
                            </div>
                            <div class="service-icon">
                           <a href="{{ route('page.slug',$subservice->slug) }}"><img src="{{ asset('front_assets/assets/img/icon/services_icon1.png') }}" alt=""></a>
                            </div>
                        </div>
                    </div>
                   
                    @endforeach
                    @endif
                </div>
            </div>
        </div>
@endif




        @php

$about=App\Models\Page::where([['name','About us'],['position','header'],['status',1]])->orderBy('weight','asc')->limit(1)->first();
@endphp
@if(isset($about))

        <!-- Services Area End -->
        <!-- About Area Start -->
        <section class="support-company-area fix pt-10">
            <div class="support-wrapper align-items-end">
                <div class="left-content">
                    <!-- section tittle -->
                    <div class="section-tittle section-tittle2 mb-55">
                        <div class="front-text">
                        <a href="{{ route('page.slug',$about->slug) }}"><h2 class="">{{ $about->name }}</h2></a>
                        </div>
                     
                    </div>
                    <div class="support-caption">
                    
                        <p>{{ $about->short_description }}</p>
                        <a href="{{ route('page.slug',$about->slug) }}" class="btn red-btn2">read more</a>
                    </div>
                </div>
                <div class="right-content">
                    <!-- img -->
                    <div class="right-img">
                     <img src="/storage/app/public/{{ $about->banner }}" alt="">
                  
                      
                    </div>
                    <div class="support-img-cap text-center">
                        <span>2020</span>
                        <p>Since</p>
                    </div>
                </div>
            </div>
        </section>

        @endif
        <br>
        <br>
        <!-- About Area End -->
        <!-- Project Area Start -->
        
        <!-- Project Area End -->
        <!-- contact with us Start -->
        <section class="contact-with-area" data-background="{{ asset('front_assets/assets/img/gallery/section-bg2.jpg') }}">
            <div class="container">
                <div class="row">
                    <div class="col-xl-8 col-lg-9 offset-xl-1 offset-lg-1">
                        <div class="contact-us-caption">
                            <div class="team-info mb-30 pt-45">
                                <!-- Section Tittle -->
                                <div class="section-tittle section-tittle4">
                                    <div class="front-text">
                                        <h2 class="">Lats talk with us</h2>
                                       </div>
                                    <span class="back-text">Lat`s chat</span>
                                </div>
                                <p>Mollit anim laborum.Dvcuis aute iruxvfg dhjkolohr in re voluptate velit esscillumlore eu quife nrulla parihatur. Excghcepteur sfwsignjnt occa cupidatat non aute iruxvfg dhjinulpadeserunt mollitemnth incididbnt ut;o5tu layjobore mofllit anim.</p>
                               <a href="https://api.whatsapp.com/send?phone=91-----" class="white-btn">chat</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- contact with us End-->
        <!-- CountDown Area Start -->
        <div class="count-area">
            <div class="container">
                <div class="count-wrapper count-bg" data-background="{{ asset('front_assets/assets/img/gallery/section-bg3.jpg') }}">
                    <div class="row justify-content-center" >
                        <div class="col-lg-4 col-md-4 col-sm-6">
                            <div class="count-clients">
                                <div class="single-counter">
                                    <div class="count-number">
                                        <span class="counter">34</span>
                                    </div>
                                    <div class="count-text">
                                        <p>Machinery</p>
                                        <h5>Tools</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-6">
                            <div class="count-clients">
                                <div class="single-counter">
                                    <div class="count-number">
                                        <span class="counter">76</span>
                                    </div>
                                    <div class="count-text">
                                        <p>Project completed</p>
                                        <h5>Tools</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-6">
                            <div class="count-clients">
                                <div class="single-counter">
                                    <div class="count-number">
                                        <span class="counter">08</span>
                                    </div>
                                    <div class="count-text">
                                        <p>Machinery</p>
                                        <h5>Tools</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- CountDown Area End -->
        <!-- Team Start -->

        @php

$workers=App\Models\People::where('status',1)->where('people_type','worker')->orderBy('weight','asc')->take(6)->get();

@endphp

        <div class="team-area section-padding30">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <!-- Section Tittle -->
                        <div class="section-tittle section-tittle5 mb-50">
                            <div class="front-text">
                                <h2 class="">Our team</h2>
                            </div>
                            <span class="back-text">exparts</span>
                        </div>
                    </div>
                </div>
                <div class="row">

                @if(isset($workers))
@foreach($workers as $worker)

                    <!-- single Tem -->
                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-">
                        <div class="single-team mb-30">
                            <div class="team-img">
                              <img src="/storage/app/public/{{ $worker->image }}" alt="">
            
                            </div>
                            <div class="team-caption">
                                <span>{{ $worker->post }}</span>
                                <h3>{{ $worker->name }}</h3>
                            </div>
                        </div>
                    </div>

                    @endforeach
@endif
                </div>
            </div>
        </div>
        <!-- Team End -->
        <!-- Testimonial Start -->
        <div class="testimonial-area t-bg testimonial-padding">
            <div class="container ">
                <div class="row">
                    <div class="col-xl-12">
                        <!-- Section Tittle -->
                        <div class="section-tittle section-tittle6 mb-50">
                            <div class="front-text">
                                <h2 class="">Testimonial</h2>
                            </div>
                            <span class="back-text">Feedback</span>
                        </div>
                    </div>
                </div>

               <div class="row">
                    <div class="col-xl-10 col-lg-11 col-md-10 offset-xl-1">
                        <div class="h1-testimonial-active">
                            <!-- Single Testimonial -->
                            @php
          $clients=App\Models\People::where([['people_type','client'],['status',1]])->orderBy('weight','asc')->get();
            @endphp
            @if(isset($clients))
                   @foreach($clients as $client)
                            <div class="single-testimonial">
                                 <!-- Testimonial Content -->
                                <div class="testimonial-caption ">
                                    <div class="testimonial-top-cap">
                                        <!-- SVG icon -->
                                        <svg xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink"width="86px" height="63px">
                                        <path fill-rule="evenodd"  stroke-width="1px" stroke="rgb(255, 95, 19)" fill-opacity="0" fill="rgb(0, 0, 0)"
                                        d="M82.623,59.861 L48.661,59.861 L48.661,25.988 L59.982,3.406 L76.963,3.406 L65.642,25.988 L82.623,25.988 L82.623,59.861 ZM3.377,25.988 L14.698,3.406 L31.679,3.406 L20.358,25.988 L37.340,25.988 L37.340,59.861 L3.377,59.861 L3.377,25.988 Z"/>
                                        </svg>
                                        <p>.{{ $client->description }}</p>
                                    </div>
                                    <!-- founder -->
                                    <div class="testimonial-founder d-flex align-items-center">
                                       <div class="founder-text">
                                    <span> <img src="/storage/app/public/{{ $client->image }}" alt="client image"></span>
                                       
                                       
                                            <span>{{ $client->name }}</span>
                                            <p>{{ $client->post }}</p>
                                       </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                    @endif

                        </div>
                    </div>

               </div>
               
            </div>
        </div>
        <!-- Testimonial End -->
        <!--latest Nnews Area start -->
        @php

$page_blog=App\Models\Page::where([['name','Blog'],['status',1],['position','header']])->first();
        @endphp
        <div class="latest-news-area section-padding30">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <!-- Section Tittle -->
                        <div class="section-tittle section-tittle7 mb-50">
                            <div class="front-text">
                            <a href="{{ route('page.slug',$page_blog->slug) }}"><h2 class="">{{ $page_blog->name }}</h2></a>
                            </div>
                            <span class="back-text">Our Blog</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                @php
     $blogs=App\Models\Blog::where([['status',1]])->OrderBy('weight','asc')->take(2)->get();
        @endphp
        @if(isset($blogs))
        @foreach($blogs as $blog)
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <!-- single-news -->
                        <div class="single-news mb-30">
                            <div class="news-img">
        <img src="/storage/app/public/{{ $blog->image }}" alt="">
        
                                <div class="news-date text-center">
                                    <span>{{ $blog->created_at->diffForHumans() }}</span>
                                   
                                </div>
                            </div>
                            <div class="news-caption">
                                <ul class="david-info">
                                   
                                </ul>
                                <h2><a href="{{ route('blog.detail',$blog->slug) }}">{{ Str::limit($blog->short_description,50) }}
                                   </a></h2>
                                <a href="{{ route('blog.detail',$blog->slug) }}" class="d-btn">Read more »</a>
                            </div>
                        </div>
                    </div>
                    @endforeach
      @endif

                  
               </div>
            </div>
        </div>
        <!--latest News Area End -->
        @php

        $image=App\Models\Page::where([['name','Gallery'],['status',1],['position','header']])->first();
   
$medias=App\Models\Media::where('status',1)->where('gallery_type','image')->orderBy('weight','asc')->get();
@endphp


    

          <div class="section-top-border">
          
  @if(isset($medias))
            <div class="container">
            <a href="{{ route('page.slug',$image->slug) }}"><h3>Gallery</h3></a>
                <div class="row gallery-item">

                @foreach($medias as $media)
                    <div class="col-md-4">
                      
                      <a href="/storage/app/public/{{ $media->image }}" class="img-pop-up">
    
                      <div class="single-gallery-image" style="background:url(/storage/app/public/{{ $media->image }});"></div>
                        
                           
                        
                        </a>
                    </div>
                    @endforeach
    

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

            @endif
            </div>
    </main>

    @endsection