@extends('website.layouts.app')

@section('content')

    @include('website.layouts.title_section')

    <!-- Contact Form Section -->
    <section class="terms-and-condition my-4 my-md-5">
        <div class="container">
            <div class="accordion accordion-flush d-flex flex-column gap-3" id="termsAccordion">

                @if($terms && $terms != [])
                @foreach($terms as $term)
                <div class="accordion-item rounded-4 overflow-hidden">
                    <h2 class="accordion-header" id="heading1">
                        <button class="accordion-button fw-medium shadow-none" type="button" data-bs-toggle="collapse"
                            data-bs-target="#collapse1">
                            {{ $term->title }}
                        </button>
                    </h2>
                    <div id="collapse1" class="accordion-collapse collapse show" data-bs-parent="#termsAccordion">
                        <div class="accordion-body text-black text-opacity-75">
                            {!! $term->description !!}
                        </div>
                    </div>
                </div>
                @endforeach
                @endif

            </div>
        </div>
    </section>

    @endsection