@extends('layouts.frontend')

@section('title', '| Home')

@section('content')
<div id="homepage-sec">
    <section id="landing-image">
      <div class="container">
        <div class="row">
          <div class="col-12 col-sm-7 col-lg-6 col-xl-6">
            <h2 class="mb-3">Welcome to Your Estate Planning Partner</h2>
            <p class="mb-3">We are here to help you navigate the challenges of estate planning</p>
            <button class="mt-4" onclick="window.location.href='{{ route('login') }}'">Get Started</button>
          </div>
        </div>
      </div>
    </section>
    <section id="company-logos">
      <div class="container">
        <div class="row align-items-center justify-content-center">
          <div class="col-4 col-sm-3 col-lg-2 col-xl-2"><img id="ven-img-1" class="ven-img" src="{{ url('frontend/images/dark/ven/group-16.png')}}" /></div>
          <div class="col-4 col-sm-3 col-lg-2 col-xl-2"><img id="ven-img-2" class="ven-img" src="{{ url('frontend/images/dark/ven/group-18.png')}}"/></div>
          <div class="col-4 col-sm-3 col-lg-1 col-xl-1"><img id="ven-img-3" class="ven-img" src="{{ url('frontend/images/dark/ven/group-23.png')}}" /></div>
          <div class="col-4 col-sm-3 col-lg-2 col-xl-2"><img id="ven-img-4"  class="ven-img" src="{{ url('frontend/images/dark/ven/group-24.png')}}" /></div>
          <div class="col-4 col-sm-3 col-lg-2 col-xl-2"><img id="ven-img-5" class="ven-img" src="{{ url('frontend/images/dark/ven/group-25.png')}}" /></div>
          <div class="col-4 col-sm-3 col-lg-2 col-xl-2"><img id="ven-img-6" class="ven-img" src="{{ url('frontend/images/dark/ven/group-26.png')}}" /></div>
          <div class="col-4 col-sm-3 col-lg-1 col-xl-1"><img id="ven-img-7" class="ven-img" src="{{ url('frontend/images/dark/ven/group-27.png')}}" /></div>
        </div>
      </div>
    </section>
    <section id="small-cards">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-md-12">
            <h3 class="mb-5">We can help you make your perfect plan a reality. Tell us what all fits you best</h3>
          </div>
          <form method="post" action="{{route('search')}}">
            @csrf
          <div class="row justify-content-center">
            <div class="col-md-6 col-lg-4 mb-3">
              <div class="form-check round">
                <label class="form-check-label" for="option1">               
                  <input class="form-check-input-new" type="checkbox" name="options[]" id="option1" value="1"/>
                  <span  for="option1"></span>
                  <p>My children are not 18 yet</p>
                </label>
              </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-3">
                  <div class="form-check round">
                    <label class="form-check-label" for="option2">
                        <input class="form-check-input-new" type="checkbox"  name="options[]" id="option2" value="2" />
                        <span for="option2"></span>
                        <p> I am a homeowner and/or have other real-estate</p>
                    </label>
                  </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-3">
                  <div class="form-check round">
                    <label class="form-check-label" for="option3">
                      <input class="form-check-input-new" type="checkbox" name="options[]" id="option3" value="3">
                      <span  for="option3"></span>
                      <p>I want health-care autonomy</p>
                    </label>
                  </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-3">
                  <div class="form-check round">
                    <label class="form-check-label" for="option4">
                      <input class="form-check-input-new" type="checkbox" name="options[]" id="option4" value="4">
                      <span  for="option4"></span>
                      <p>I have net worth over $200k</p>
                    </label>
                  </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-3">
                  <div class="form-check round">
                    <label class="form-check-label" for="option5">
                      <input class="form-check-input-new" type="checkbox" name="options[]" id="option5" value="5">
                      <span  for="option5"></span>
                      <p>I am a business owner</p>
                    </label>
                  </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-3">
                  <div class="form-check round">
                    <label class="form-check-label" for="option6">
                      <input class="form-check-input-new" type="checkbox" name="options[]" id="option6" value="6">
                      <span  for="option6"></span>
                      <p>I am married or in a civil union</p>
                    </label>
                  </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-3">
                  <div class="form-check round">       
                    <label class="form-check-label" for="option7">
                      <input class="form-check-input-new" type="checkbox" name="options[]" id="option7" value="7">
                      <span  for="option7"></span>
                      <p>I want to leave a legacy to family and/or charity</p>
                    </label>
                  </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-3">
                  <div class="form-check round">    
                    <label class="form-check-label" for="option8">
                      <input class="form-check-input-new" type="checkbox" name="options[]" id="option8" value="8">
                      <span  for="option8"></span>
                      <p>I am looking for an attorney</p>
                    </label>
                  </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-3">
                  <div class="form-check round">                  
                    <label class="form-check-label" for="option9">
                      <input class="form-check-input-new" type="checkbox" name="options[]" id="option9" value="9">
                      <span  for="option9"></span>
                      <p>I need personalized assistance for my planning</p>
                    </label>
                  </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-3">
              <div class="form-check round"> 
                <label class="form-check-label" for="option10">
                  <input class="form-check-input-new" type="checkbox" name="options[]" id="option10" value="10">
                  <span  for="option10"></span>
                  <p>I want to disinherit certain people from my estate</p>
                </label>
              </div>
            </div>
          </div>
          <div  class="row justify-content-center text-center mt-5">
            <div class="col-md-4">
              <button type="submit" class="btn">See All Results</button>
            </div>
          </div>
        </form>
      </div>
    </section>
    <section id="pricing">
      <div class="container">
        <div class="row justify-content-center text-center two-card gy-4">
          <div class="col-md-6 col-lg-4">
            <div class="card text-center">
              <div class="card-body">
              <h6 class="card-title">Starting At $149</h6>
              <h3 class="card-subtitle">Trust</h3>
              <p class="card-text">Create a Trust to manage your assets during your lifetime and guarantee a seamless transfer to your beneficiaries.</p>
              <button onclick="window.location.href='{{ route('login') }}'">Start Your Trial</button><br>
              <a href="{{route('abouttrust')}}">Learn More</a>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4">
            <div class="card text-center">
              <div class="card-body">
              <h6 class="card-title">Starting At $149</h6>
              <h3 class="card-subtitle">Will</h3>
              <p class="card-text">Set up a legally enforceable document that specifies who will inherit your assets after your death.</p>
              <button onclick="window.location.href='{{ route('login') }}'">Start Your Trial</button><br>
              <a href="{{route('aboutwill')}}">Learn More</a>
              </div>
            </div>
          </div>
        </div>

        <div class="row justify-content-center three-card gy-4">
          <div class="col-12"> 
              <h3 class="pb-5">Why Opt For <span style="color: #af1c2a"> 'IN WILL WE TRUST' </span> For Setting Up Your Estate Plan?</h3>
          </div>
          <div class="col-md-6 col-lg-4">
            <div class="card">
              <div class="card-body">
                <div class="card-title">
                  <h4>Expertise</h4>
                </div>
                <p class="card-text">
                  With every step, you get advice from experienced planning professionals dedicated to staying up-to-date with the latest laws and regulations. We use our professionalism to create 
                  individualized solutions that maximize the benefits for you and your heirs.
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4">
            <div class="card">
              <div class="card-body">
                <div class="card-title">
                  <h4>Adaptive Strategy</h4>
                </div>
                <p class="card-text">
                  We know there isn't a universal approach to building and safeguarding your financial assets. That is why we take the time to understand your priorities, concerns, and issues. We will craft your estate plan to fit your unique requirements. 
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-12 col-lg-4">
            <div class="card">
              <div class="card-body">
                <div class="card-title">
                  <h4>Accessibility</h4>
                </div>
                <p class="card-text">
                  Our professional team is always there to address any queries or worries you may have, as your needs may alter as time passes. We also offer cost-effective plans that fit your budget so you can protect your assets and provide for your loved ones.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id="trust-will-button">
      {{-- 
      Developer: Theshan Thanushka
      Date: 2024-03-28
      Removed misused <row> and <col> tags and eliminated vertical scrolling bar. 
      --}}
      <div class="container">
        <div class="col-12">
          <div class="heading text-center">
            <h3>Still Not Sure?</h3>
          </div>
        </div>
      </div>
      <div class="text-center justify-content-center mb-5 mt-5">
        <div class="switch6 two-buttons">
            <label class="switch6-light" id="toggleSwitch">
                <input type="checkbox" id="switchCheckbox">
                <span>
                    <span class="trust">Trust</span>
                    <span class="will">Will</span>
                </span>
                <a class="btn btn-primary"></a>
            </label>
        </div>
      </div>

    <div id="trustView" class="viewTong">
      <div class="container">
        <div class="sub-hedding">
            <h3>Personalization in Estate Planning</h3>
        </div>
      <div class="row d-flex justify-content-around gy-5">
        <div class="col-12 col-md-12 col-lg-6 col-xl-6">
          <!-- <h3>A trust-based estate plan</h3> -->
          <p>
            We specialize in helping individuals and families navigate the intricate world of estate planning. Our mission is clear:to empower you with tailored solutions that secure your financial legacy and provide for your loved ones. What sets us apart is our team of experienced professionals, including attorneys, financial advisors, and tax specialists, who stay abreast of ever-changing laws and regulations to craft personalized estate plans. We understand that each person's situation is unique, and we take pride in providing comprehensive services that include Wills, Trusts, healthcare directives, powers of attorney, and guardianship nominations, all while maintaining affordability and accessibility. We invite you to start your estate planning journey with us through a consultation and explore our educational resources to make informed decisions about your future. 
          </p>
          <img src="{{ url('frontend/images/dark/rectangle-copy-21@3x.png')}}"/>
        </div>
        <div class="col-12 col-md-12 col-lg-6 col-xl-6">
          <div class="accordion-heading">
            <h3>Includes the following documents</h3>
          </div>
          <div class="accordion" id="following-documents">
            <div class="accordion-item">
              <h4 class="accordion-header" id="panelsStayOpen-headingOne">
                <a class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
                  Revocable Living Trust
                </a>
              </h4>
              <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
                <div class="accordion-body card">
                  A judicial entity that holds and manages your assets while you're still alive and ensures a smooth transition to your beneficiaries after your passing, avoiding probate.
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <h4 class="accordion-header" id="panelsStayOpen-headingTwo">
                <a class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
                  Schedule of assets
                </a>
              </h4>
              <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingTwo">
                <div class="accordion-body card">
                  A list detailing all assets included in your Trust, ensuring a comprehensive overview for effective estate planning.
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <h4 class="accordion-header" id="panelsStayOpen-headingThree">
                <a class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
                  Last Will & Testament (Pour Over Will)
                </a>
              </h4>
              <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingThree">
                <div class="accordion-body card">
                  A legal document that outlines your wishes for asset distribution and guardianship, serving as a backup plan for assets not in the Trust.
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <h4 class="accordion-header" id="panelsStayOpen-headingFour">
                <a class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour" aria-expanded="false" aria-controls="panelsStayOpen-collapseFour">
                  Certification of Trust
                </a>
              </h4>
              <div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingFour">
                <div class="accordion-body card">
                  A condensed document confirming the existence and authority of your Trust, often used to maintain privacy in estate matters.
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <h4 class="accordion-header" id="panelsStayOpen-headingFive">
                <a class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFive" aria-expanded="false" aria-controls="panelsStayOpen-collapseFive">
                  HIPAA authorisation
                </a>
              </h4>
              <div id="panelsStayOpen-collapseFive" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingFive">
                <div class="accordion-body card">
                  Grants specified individuals access to your medical information, aiding in making informed healthcare decisions if you become incapacitated.
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <h4 class="accordion-header" id="panelsStayOpen-headingSix">
                <a class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseSix" aria-expanded="false" aria-controls="panelsStayOpen-collapseSix">
                  Living Will
                </a>
              </h4>
              <div id="panelsStayOpen-collapseSix" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingSix">
                <div class="accordion-body card">
                  Specifies your preferences regarding life-sustaining medical treatments in the event of incapacity, guiding healthcare providers and loved ones
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <h4 class="accordion-header" id="panelsStayOpen-headingSeven">
                <a class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseSeven" aria-expanded="false" aria-controls="panelsStayOpen-collapseSeven">
                  Power of attorney
                </a>
              </h4>
              <div id="panelsStayOpen-collapseSeven" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingSeven">
                <div class="accordion-body card">
                  Grants authority to a Trusted individual to make financial or healthcare decisions on your behalf if you cannot do so yourself.
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      </div>
    </div>
    {{-- start will view --}}
    <div id="willView" class="view" style="display: none">
    
      <div class="container">
        <div class="sub-hedding">
            <h3>CRAFTING YOUR WILL: Secure Your Legacy</h3>
        </div>
        <div class="row d-flex justify-content-around gy-5">
            <div class="col-12 col-md-12 col-lg-6 col-xl-6">
                <!-- <h3>A trust-based estate plan</h3> -->
                <p>
                  Your Will is a powerful tool that allows you to shape the future of your assets and provide for your loved ones after you are gone. It is a reflection of your wishes, a testament to your values, and a way to ensure that your legacy endures. At IN WILL WE TRUST, We understand the importance of this document, and we are here to guide you through the process of creating a Will that accurately represents your desires.
                </p>
                <div class="card">
                    <img src="{{ url('frontend/images/dark/rectangle-immgg.png')}}" />
                </div>
            </div>
            <div class="col-12 col-md-12 col-lg-6 col-xl-6">
                <div class="accordion-heading">
                    <h3>Includes the following documents</h3>
                </div>
                <div class="accordion" id="following-documents">
                    <div class="accordion-item">
                        <h4 class="accordion-header" id="panelsStayOpen-headingOne">
                            <a class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="false" aria-controls="panelsStayOpen-collapseOne">
                              Why Create A Will?
                            </a>
                        </h4>
                        <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingOne">
                            <div class="accordion-body card">
                              <p>Every detailed estate plan must begin with a Will. Benefits of creating one include the following. You can:</p>
                              <ul>
                                <li>	Suggest guardians for children or animals.</li>
                                <li>	Choose a person to handle your affairs.</li>
                                <li>	Bequeath specific gifts (cash, items, real estate, etc.)</li>
                                <li>	Choose how you want to distribute your assets.</li>
                                <li>	Limit who is permitted access to your property.</li>
                                <li>	To avoid legal disputes, don't let family members or other close friends argue.</li>
                                <li>	Minimize conflict among family members and reduce potential for legal battles</li>
                                <li>	Describe your last-minute plans.</li>
                                <li>	Record any unique requests.</li>
                                <li>	Choose what to do in the event of a medical emergency.</li>
                                <li>	Select medical personnel.</li>
                                <li>	Permit dependable people to access your medical records.</li>
                                <li>	Reduce estate taxes so that more of your assets are left for your heirs.</li>
                              <ul>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h4 class="accordion-header" id="panelsStayOpen-headingTwo">
                            <a class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
                              The Will Making Process
                            </a>
                        </h4>
                        <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingTwo">
                            <div class="accordion-body card">
                            <p>Creating a Will is a structured process that involves several key steps:</p>
                            <p> 1.Consultation: Our experienced estate planning attorneys will meet with you to understand your unique circumstances, assets, and wishes. We will discuss your goals and help you make informed decisions.</p>
                            <p> 2.Drafting: Based on your preferences, we will draft a customized Will that addresses your specific needs, including asset distribution, guardianship, and any charitable bequests.</p>
                            <p> 3.Review and Revision: We will review the draft with you, making any necessary revisions to ensure your Will accurately reflects your intentions.</p>
                            <p> 4.Execution: Once you are satisfied with the document, we will guide you through the proper legal procedures for signing and witnessing your Will to make it legally binding.</p>
                            <p> 5.Storage: We offer secure Will Storage options to keep your document safe and accessible when needed.</p>
                              
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h4 class="accordion-header" id="panelsStayOpen-headingThree">
                            <a class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
                              Types of Wills
                            </a>
                        </h4>
                        <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingThree">
                            <div class="accordion-body card">
                            <p>Below, we outline some common types of Wills to help you understand the options available:</p>
                            <p> 1.Simple Will: A simple Will is a basic document that outlines how your assets should be distributed after your passing. It is suitable for individuals with straightforward estates and minimal assets.</p>
                            <p> 2.Testamentary Trust Will: If you have concerns about asset protection, minor beneficiaries, or beneficiaries with special needs, a Testamentary Trust Will can be established within your Will. This type of Will sets up Trusts to manage assets for specific purposes, providing more control over their distribution.</p>
                            <p> 3.Pour-Over Will: A Pour-Over Will is typically used in conjunction with a living Trust. It "pours" any assets not already in the Trust at the time of your passing into the Trust, ensuring they are distributed according to your Trust's terms.</p>
                            <p> 4.Living Will (Advance Healthcare Directive): Although not a traditional Will, a living Will is essential for specifying your medical preferences if you become incapacitated. It outlines your wishes regarding life-sustaining treatments and medical decisions.</p>
                            <p> 5.Joint Will: This type of will is created by two individuals, often spouses, and outlines how their assets will be distributed after both of them have passed away. Joint Wills are less common and may not be suitable for everyone.</p>
                            <p> 6.Holographic Will: A holographic Will is a handwritten Will created by the testator (the person making the Will) without the need for witnesses. They are generally considered valid but can lead to disputes if not properly executed.</p>
                            <p> 7.Conditional Will: Conditional Wills include specific conditions that must be met for the Will's provisions to take effect. These conditions can relate to beneficiaries' behaviors, events, or other criteria.</p>
                              
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h4 class="accordion-header" id="panelsStayOpen-headingFour">
                            <a class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour" aria-expanded="false" aria-controls="panelsStayOpen-collapseFour">
                              Periodic Review
                            </a>
                        </h4>
                        <div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingFour">
                            <div class="accordion-body card">
                              <p>Your circumstances and the course of life are both dynamic. We recommend reviewing your Will periodically, especially after significant life events such as marriages, births, or major financial changes. Our team is here to assist you with updates and modifications as needed.</p>
                              <p>Your Will is a tangible expression of your love and care for your family and the causes dear to your heart. By working with IN WILL WE TRUST, you can have confidence that your wishes will be honored and your legacy protected. </p>
                              <p>Begin the process of crafting a Will that secures your future and the future of those you hold dear.</p>
                                    
                            </div>
                        </div>
                    </div>



                </div>
            </div>
        </div>
    </div>
    
    
    
    
    </div>
    {{-- end will view --}}
    </section>
    <section id="most-trusted-name" class="d-none">
      <div class="justify-content-center text-center">
        <div class="row justify-content-center">
          <div class="col-11">
            <div class="heading">
              <h3>The most trusted name in online estate planning.</h3>
              <h6>Mauris ultricies iaculis est, quis ultricies justo varius non. Pellentesque ex purus, pellentesque eget sagittis non, congue in turpis.</h6>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-12">


            <div id="myCarousel" class="carousel slide" data-ride="carousel">
              <div class="carousel-inner">
                <!-- Slide 1 -->

                @foreach($testimonials as $testimonial)
                <div class="carousel-item  @if($loop->first)active @endif">
                  <div class="card mt-5 corousel-card">
                    <div class="row">
                      <div class="col-xs-10 col-sm-10 col-lg-9 col-xl-9">
                        <img src="{{ url('frontend/images/dark/most-trusted2.png')}}" class="red-flag"/>
                        <p class="most-trusted-name-dis mt-3">{{$testimonial->comment}}</p>
                      </div>
                      <div class="col-xs-10 col-sm-10 col-lg-3 col-xl-3 text-end">
                        <div class="card">
                          <img src="{{ url('images/'.$testimonial->profile)}}" class="mb-5" />
                          <div class="trusted-holder">
                            <div class="name">{{$testimonial->name}}</div>
                            <p>{{$testimonial->occupation}}</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                @endforeach
              </div>
              <!-- Controls -->
              <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id="faq">
      <div class="justify-content-center text-center">
        <div class="header">
          <h3>FAQ</h3>
          <h5>Find the answers to all of our most frequently asked questions</h5>
        </div>
      </div>
      <div class="container">
        <div class="row mt-5">
          <div class="col-xs-12 col-sm-12 col-lg-12 col-xl-12">
          <div class="accordion" id="faqSec">
            @foreach($faqs as $faq)
              <div class="accordion-item">
                <h4 class="accordion-header" id="panelsStayOpen-headingOne">
                  <a class="accordion-button {{ !$loop->first ? 'collapsed' : ''}}" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapse-{{$faq->id}}" aria-expanded="false" aria-controls="panelsStayOpen-collapse-{{$faq->id}}">
                    {!!$faq->question!!}
                  </a>
                </h4>
                <div id="panelsStayOpen-collapse-{{$faq->id}}" class="accordion-collapse collapse {{$loop->first ? 'show' : ''}}" aria-labelledby="panelsStayOpen-heading-{{$faq->id}}">
                  <div class="accordion-body card">
                    {!!$faq->answer!!}
                  </div>
                </div>
              </div>
            @endforeach
          </div>
        </div>
      </div>
    </section>
  </div>

@endsection
@section('page-js')
{{-- <script>
    $(document).ready(function() {
        $(".form-check-input").change(function() {
            var label = $(this).siblings('.form-check-label');
            if ($(this).is(":checked")) {
                label.addClass("selected");
            } else {
                label.removeClass("selected");
            }
        });
    });
</script> --}}
<script>
  $(document).ready(function() {
    $(".form-check-input-new").change(function() {
      var label = $("label[for='" + $(this).attr("id") + "']");
      if ($(this).is(":checked")) {
        label.addClass("selected");
      } else {
        label.removeClass("selected");
      }
    });
  });
</script>
<script>
  jQuery(document).ready(function($) {

    $('#myCarousel').carousel();

});

</script>
<script>

document.addEventListener('DOMContentLoaded', function() {
  const switchCheckbox = document.getElementById('switchCheckbox');
  const trustView = document.getElementById('trustView');
  const willView = document.getElementById('willView');

  const toggleSwitch = document.getElementById('toggleSwitch');

  toggleSwitch.addEventListener('click', function() {
      if (switchCheckbox.checked) {
          trustView.style.display = 'none';
          willView.style.display = 'block';
      } else {

          trustView.style.display = 'block';
          willView.style.display = 'none';
      }
  });
});
</script>
@endsection