@extends('web.layouts.default')
@section('content')
@isset($sections[0])
@php $section0= $sections[0]; @endphp
@if(isset($section0->image) && $section0->image!="")
@php $image=asset(Storage::url('public/sections')).'/'.$section0->page->alias.'/'.$section0->image @endphp
@else
@php $image='' @endphp
@endif
<section>
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 p-0">
        <div class="about-head head-top-hgt" style="background-image:url({{$image}})">
          <div class="container">
            <div class="ihead-text main-heading ">
              <h2>{{ $section0->title }}</h2>
              <a href="{{ route('web.home') }}">Home</a><span href="#">{{ $section0->title }}</span>
            </div>
          </div>
          <div class="i-head-bg"></div>
        </div>
      </div>
    </div>
  </div>
</section>
@endisset

@isset($sections[1])
@php $section1= $sections[1]; @endphp
<section class="pad100 ">
  <div class="container">
    <div class="row">
      <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
        <div class="demo-gallery">
          @isset($section1->sub_sections)
          <ul id="lightgallery" class="list-unstyled row">
            @foreach($section1->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

            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/f1.jpg 375, imgs/f1.jpg 480, imgs/f1.jpg 800" data-src="{{$image}}" data-sub-html="<h4></h4><p></p>">
              <a href="">
                <img class="img-responsive" src="{{$image}}">
              </a>
            </li>
            @endforeach         
          </ul>
          @endisset
        </div>
      </div>
      <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
        <div class="protfolio-sec1">
          <h3 class="main-heading">{{ $section1->title }}</h3>
          <p>{!! $section1->description !!}</p>
        </div>
      </div>
    </div>
  </div>
</section>
@endisset

@isset($sections[2])
@php $section2= $sections[2]; @endphp
<section class="pad100 ">
  <div class="container">
    <div class="row">
      <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
        <div class="protfolio-sec1">
          <h3 class="main-heading">{{$section2->title}}</h3>
          <p>{!! $section2->description !!}</p>
        </div>
      </div>
      <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
        <div class="demo-gallery">
        @isset($section2->sub_sections)
          <ul id="interior-design" class="list-unstyled row">
          @foreach($section2->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
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/p1.jpg 375, imgs/p1.jpg 480, imgs/p1.jpg 800" data-src="{{$image}}" data-sub-html="<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>">
              <a href="">
                <img class="img-responsive" src="{{$image}}">
              </a>
            </li>
            @endforeach
          </ul>
          @endisset
        </div>
      </div>

    </div>
  </div>
</section>
@endisset

@endsection