@extends('web.layouts.default')
@section('content')
<section>
    <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
        <div class="carousel-inner">
            @foreach($sliders as $key=>$slider)
            @if($slider->image!="")
            @php $image=asset(Storage::url('public/sliders')).'/'.$slider->image; @endphp
            @endif
            <div class="carousel-item {!! ($key==0) ? 'active' : '' !!}">
                <div class="slide{{++$key}}" style="background-image:url('{{ asset($image) }}')"></div>
                <div class="slider-garkbg"></div>
                <div class="container">
                    <div class="slider-text">
                        <h2 class="">{!! $slider->title !!}</h2>
                        <p>{!! $slider->sub_title !!}</p>
                        <button type="button" class="btn btn-outline-secondary">{{ $slider->button_text }}</button>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>

    </div>
</section>

<!-- section 1 -->
@isset($sections[0])
@php $section1= $sections[0]; @endphp
<section class="our-company">
    <div class="container">
        <div class="row">
            <div class="col-xxl-6">
                <h3 class="main-heading">{!! $section1->title !!}</h3>
                <a href="#">{!! $section1->sub_title!!} <i class="fa fa-comment-o"></i></a>
            </div>
            <div class="col-xxl-6">
                <div class="row text-center">
                    @isset($section1->sub_sections)
                    @foreach($section1->sub_sections as $sub_sec)
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                        <!-- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 64 64" width="40" height="40">
                            <g transform="matrix(2.6666666666666665,0,0,2.6666666666666665,0,0)">
                                <path d="M11.379 5.871L2.893 14.357 0.772 12.235" fill="none" stroke="#16bfbf" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
                                <path d="M2.893 10.114L5.015 12.235" fill="none" stroke="#16bfbf" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
                                <path d="M13.5,6.75a3,3,0,1,1,2.123-5.121,3.029,3.029,0,0,1,.478.621" fill="none" stroke="#16bfbf" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
                                <path d="M11.25,18v3.75a1.5,1.5,0,0,0,1.5,1.5h6a1.5,1.5,0,0,0,1.5-1.5V18" fill="none" stroke="#16bfbf" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
                                <path d="M23.25,17.25l-6.5-5.847a1.5,1.5,0,0,0-2.006,0L8.25,17.25" fill="none" stroke="#16bfbf" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
                                <path d="M21.75 15.9L21.75 12" fill="none" stroke="#16bfbf" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
                                <path d="M13.5,3.75h0A2.25,2.25,0,0,1,15.75,6v9" fill="none" stroke="#16bfbf" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
                            </g>
                        </svg> -->
                        @if(isset($sub_sec->image) && $sub_sec->image!="")
                        @php $image=asset(Storage::url('public/sections')).'/'.$sub_sec->page->alias.'/'.$sub_sec->image @endphp
                        @else
                        @php $image='' @endphp
                        @endif
                        <img src="{{ $image }}" width="45px"/>
                        <h5>{!! $sub_sec->title !!}</h5>
                    </div>
                    @endforeach
                    @endisset
                </div>
            </div>
        </div>
    </div>
</section>
@endisset
<!-- end section 1 -->

<!-- section 2 -->
@isset($sections[1])
@php $section2= $sections[1]; @endphp
@if(isset($section2->image) && $section2->image!="")
@php $image=asset(Storage::url('public/sections')).'/'.$section2->page->alias.'/'.$section2->image @endphp
@else
@php $image='' @endphp
@endif
<section>
    <div class="container-fluid ">
        <div class="row ">
            <div class="col-xxl-7 col-xl-7 col-lg-12 col-md-12 col-sm-12 col-12 p-0">
                <img class="img-fluid" src="{{ $image }}" alt="">
            </div>
            <div class="col-xxl-5 col-xl-5 col-lg-12 col-md-12 col-sm-12 col-12 p-0">
                <div class="g-bg-main">
                    <div class="g-bg">
                        <h2>{!! $section2->title !!}</h2>
                        <p>{!! $section2->description !!}</p>
                        <button type="button" class="btn btn-outline-secondary">{!! $section2->sub_title !!}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endisset
<!-- end section 2 -->

<!--section 3-->
@isset($sections[2])
@php $section3= $sections[2]; @endphp
<section id="demos" class="discover-pic bg-dark">
    <div class="container ">
        <div class="row">
            <div class="g-border-left"></div>
            <h1>{!! $section3->title !!} </h1>
            <p>{!! $section3->description !!}</p>

            <div class="large-12 columns">
                <div id="pro-slider" class="owl-carousel owl-theme">
                    @foreach($properties as $property)
                    @php $image=asset(Storage::url('public/properties')).'/'.$property->image; @endphp
                    <div class="item video-text">
                        <a href="#">
                            <img class="img-fluid" src="{{$image}}">
                            <div class="ps-3">
                                <h2>{{ $property->title }}</h2>
                                <p>Starting <span class="pe-2">${{ $property->price }}</span> <span class="pe-1"><i class="fa fa-bed"></i> {{$property->no_of_bedrooms }}</span> <span class="pe-1"><i class="fa fa-bath"></i> {{ $property->no_of_bathrooms }}</span> <span><i class="fa fa-map"></i> {{ $property->sqft }}</span></p>
                            </div>
                        </a>
                    </div>
                    @endforeach
                </div>
            </div>


        </div>
    </div>
</section>
@endisset
<!--end section 3-->

<!--section 4-->
@isset($sections[3])
@php $section4= $sections[3]; @endphp
<section class="how-we-create">
    <div class=""></div>
    <div class="container">
        <div class="row text-center">
            <div class="g-border"></div>
            <h3 class="main-heading">{!! $section4->title !!}</h3>
            <p class="mb-5">{!! $section4->description !!}</p>
        </div>
        <div class="row">
            @isset($section4->sub_sections)
            @foreach($section4->sub_sections as $sub_sec)
                @if(isset($sub_sec->image) && $sub_sec->image!="")
                @php $image=asset(Storage::url('public/sections')).'/'.$sub_sec->page->alias.'/'.$sub_sec->image @endphp
                @else
                @php $image='' @endphp
                @endif
            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                <img class="img-fluid" src="{{ $image }}" alt="">
                <h4>{!! $sub_sec->title !!}</h4>
                <p>{!! $sub_sec->description !!}</p>
                <a href="#"><i class="fa fa-arrow-circle-o-right"></i> FIND MORE</a>
            </div>
            @endforeach
            @endisset
            <!-- <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                <img class="img-fluid" src="imgs/c2.jpg" alt="">
                <h4>Energy efficiency</h4>
                <p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.</p>
                <a href="#"><i class="fa fa-arrow-circle-o-right"></i> FIND MORE</a>
            </div>
            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                <img class="img-fluid" src="imgs/c3.jpg" alt="">
                <h4>High comfort</h4>
                <p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.</p>
                <a href="#"><i class="fa fa-arrow-circle-o-right"></i> FIND MORE</a>
            </div> -->
        </div>
    </div>
</section>
@endisset
<!--section 4-->


<!--section 5-->
@isset($sections[4])
@php $section5= $sections[4]; @endphp
@if(isset($section5->image) && $section5->image!="")
@php $image=asset(Storage::url('public/sections')).'/'.$section5->page->alias.'/'.$section5->image @endphp
@else
@php $image='' @endphp
@endif
<section class="big-pic" style="background-image:url('{{ asset($image) }}')">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="card big-pic-content">
                    <h3 class="main-heading">{!! $section5->title !!}</h3>
                    <p>{!! $section5->description !!}</p>
                    <button type="button" class="btn btn-primary">{!! $section5->sub_title !!}</button>
                </div>
            </div>
        </div>

    </div>
</section>
@endisset
<!--section 5-->

<!--section 6-->
@isset($sections[5])
@php $section6= $sections[5]; @endphp
<section class="text-center testimonials-main">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="g-border"></div>
                <h3 class="main-heading">{!! $section6->title !!}</h3>
            </div>
        </div>
        <div class="row">
        @isset($section4->sub_sections)
            @foreach($section6->sub_sections as $sub_sec)
                @if(isset($sub_sec->image) && $sub_sec->image!="")
                @php $image=asset(Storage::url('public/sections')).'/'.$sub_sec->page->alias.'/'.$sub_sec->image @endphp
                @else
                @php $image='' @endphp
                @endif

            <div class="col-xxl-4">
                <img src="{{ $image }}" alt="">
                <p>{!! $sub_sec->description !!}</p>
                <p>by <strong> {!! $sub_sec->title !!}</strong></p>
                <p> <span>{!! $sub_sec->sub_title !!}</span></p>
            </div>
            @endforeach
            @endisset
        
        </div>
    </div>
</section>
@endisset
<!--section 6-->

<!--section 7-->
@isset($sections[6])
@php $section7= $sections[6]; @endphp
<section class="text-center c-logo-main">
    <div class="container-fluid">
        <div class="row">
            @isset($section7->sub_sections)
            @foreach($section7->sub_sections as $sub_sec)
                @if(isset($sub_sec->image) && $sub_sec->image!="")
                @php $image=asset(Storage::url('public/sections')).'/'.$sub_sec->page->alias.'/'.$sub_sec->image @endphp
                @else
                @php $image='' @endphp
                @endif
            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 mb-4"><img src="{{ $image }}" alt=""></div>
            @endforeach
            @endisset
        </div>
    </div>
</section>
@endisset
<!--section 7-->

@endsection