@extends('frontend.layouts.master')
@section('styles')
@parent
@stop
@section('content')
<main>
  <section class="inner_banner">
    <div class="bg_ p_img">
      @if(isset($banner) && !empty($banner->getData('banner_image')))
        <picture>
            <source srcset="{{webp($banner->getData('banner_image'))}}" type="image/webp">
            <source srcset="{{PP($banner->getData('banner_image'))}}" type="image/{{FT($banner->getData('banner_image'))}}">
            <img src="{{PP($banner->getData('banner_image'))}}" loading="lazy" alt="">
        </picture>
        @else
      <picture>
        <source srcset="{{getFrontendAsset('images/project_banner.webp')}}" type="image/webp">
        <source srcset="{{getFrontendAsset('images/project_banner.jpg')}}" type="image/jpeg">
        <img src="{{getFrontendAsset('images/project_banner.jpg')}}" loading="lazy" alt="">
      </picture>
      @endif
    </div>


    <div class="container">
      <div class="page_title no_p_b">
        <div class="breadcrumb_wrap">
          <ul>
            <li>
              <a href="{{URL::to('/')}}" class="link_">
                {{lang('home')}}
              </a>
            </li>

            <li class="active_">
              <span>{{lang('terms_and_conditions')}}</span>
            </li>
          </ul>
        </div>
        <h1>
          <span>{{lang('terms_and_conditions')}}</span>
        </h1>

      </div>

    </div>


   @include('frontend.layouts.social')
  </section>
  @if(!empty($terms) && $terms->isNotEmpty())
  <section class="page-section ">
    <div class="container lm_width">
      <div class="accordion_wrap">
          @foreach($terms as $item)
            <div class="a_item">
            <a href="#" data-title>
                <span>{{$item->getData('post_title')}}</span>
                <i></i>
            </a>
            <div class="content">
                <div class="text_box">
                {!!$item->getData('description')!!}
                </div>
            </div>
            </div>
            @endforeach

      </div>

    </div>
  </section>
  @endif



</main>
@stop

@section('scripts')
@parent
<script>
  $(function () {

    $("[data-title]").on("click", function (e) {
      e.preventDefault();
      var el_ = $(this);
      if (el_.hasClass("active")) {
        el_.removeClass("active");
        el_
          .siblings(".content")
          .slideUp(200, function () {
            var val_ = el_.offset().top - $('header').height() - 50;

            $([document.documentElement, document.body]).animate({
              scrollTop: val_
            }, 500);
          });

      } else {
        $("[data-title]").removeClass("active");
        el_.addClass("active");
        $(".accordion_wrap .content").slideUp(200);
        el_
          .siblings(".content")
          .slideDown(200, function () {
            var val_ = el_.offset().top - $('header').height() - 50;

            $([document.documentElement, document.body]).animate({
              scrollTop: val_
            }, 500);
          });
      }
    });

  })
</script>

@stop