@extends('layouts.app')



@section('content')  

    <div class="row mt-4">

        <style>

            .contact_form.bg-gray.position-relative.overflow-hidden{

                background-image: linear-gradient(to right, #0f0c29, #302b63, #24243e);

                box-shadow: rgb(254 254 254 / 22%) 0px 5px 15px;

                border-radius: 10px;

                border: 1px solid #ffffff38;

            }

            .accordion-flush .accordion-item .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed {

                box-shadow: none;

                border-radius: 10px;

                border: 1px solid #ffffff38;

                margin-bottom: 0px

            }

            .accordion-item {

                background-color: transparent;

                border: none;

                margin-bottom: 15px

            }

            .accordion-body{

                box-shadow: none;

                border-radius: 0px 0px 10px 10px;

                border: 1px solid #ffffff38;

                border-top: 0px; 

                color: #fff

            }

            .accordion-button:not(.collapsed){

                border-radius:  10px 10px 0px 0px !important;

            }

            .accordion-button::after {

                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;

            }

        </style>

      <div class="col-md-3">

        @if ($adPositions['ad1'])

          <img src="{{ asset($adPositions['ad1']->image) }}" class="img-fluid mb-5">

        @else

          <img src="{{ asset('/front/images/add-1.png')}}" class="img-fluid mb-5">

        @endif

        @if ($adPositions['ad2'])

            <img src="{{ asset($adPositions['ad2']->image) }}" class="img-fluid">

        @else

            <img src="{{ asset('/front/images/add-2.png')}}" class="img-fluid">

        @endif

      </div>



      <div class="col-md-6">

        <div class="contact_form bg-gray position-relative overflow-hidden">

          <div class="accordion accordion-flush" id="accordionFlushExample">

            <div class="accordion-item">

              <h2 class="accordion-header" id="flush-headingOne">

                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"

                  data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">

                  PRIVACY POLICY

                </button>

              </h2>

              <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne"

                data-bs-parent="#accordionFlushExample">

                <div class="accordion-body">{!! @$data->privacy_policy !!}</div>

              </div>

            </div>

            <div class="accordion-item">

              <h2 class="accordion-header" id="flush-headingTwo">

                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"

                  data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">

                  TERMS AND CONDITIONS

                </button>

              </h2>

              <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo"

                data-bs-parent="#accordionFlushExample">

                <div class="accordion-body">{!! @$data->terms_condition !!}</div>

              </div>

            </div>

            <div class="accordion-item">

              <h2 class="accordion-header" id="flush-headingThree">

                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"

                  data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">

                  DISCLAIMER

                </button>

              </h2>

              <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree"

                data-bs-parent="#accordionFlushExample">

                <div class="accordion-body">{!! @$data->disclaimer !!}</div>

              </div>

            </div>

            <div class="accordion-item">

              <h2 class="accordion-header" id="flush-headingfour">

                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"

                  data-bs-target="#flush-collapsefour" aria-expanded="false" aria-controls="flush-collapsefour">

                  COOKIE POLICY

                </button>

              </h2>

              <div id="flush-collapsefour" class="accordion-collapse collapse" aria-labelledby="flush-headingfour"

                data-bs-parent="#accordionFlushExample">

                <div class="accordion-body">{!! @$data->cookie_policy !!}</div>

              </div>

            </div>

            <div class="accordion-item">

              <h2 class="accordion-header" id="flush-headingfive">

                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"

                  data-bs-target="#flush-collapsefive" aria-expanded="false" aria-controls="flush-collapsefive">

                  OTHERS

                </button>

              </h2>

              <div id="flush-collapsefive" class="accordion-collapse collapse" aria-labelledby="flush-headingfive"

                data-bs-parent="#accordionFlushExample">

                <div class="accordion-body">{!! @$data->others !!}</div>

              </div>

            </div>

          </div>

        </div>

      </div>

      <div class="col-md-2">

        @if ($adPositions['ad1'])

          <img src="{{ asset($adPositions['ad1']->image) }}" class="img-fluid mb-5">

        @else

        <img src="{{ asset('/front/images/add-4.png')}}" class="img-fluid mb-5">

        @endif

        @if ($adPositions['ad2'])

            <img src="{{ asset($adPositions['ad2']->image) }}" class="img-fluid">

        @else

            <img src="{{ asset('/front/images/add-4.png')}}" class="img-fluid">

        @endif

      </div>

    </div>

@endsection