@extends('layouts.portal.layout')

@section('content')


<div class="taglineBox">
    <p class="tagline mb-4">Important information about your move with <span>You Move Me!</span></p>
</div>

<!-- FAQ's -->
<div class="container mb-5">
    <p class="fs-3 fw-bolder subHeading">FAQ's</p>
    <div class="accordion accordion-flush" id="accordionFlushExample">

        @foreach($faqs as $item)
        <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading{{$item->id}}">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                    style="text-transform: uppercase" data-bs-target="#flush-collapse{{$item->id}}">
                    {{ $item->question }}
                </button>
            </h2>
            <div id="flush-collapse{{$item->id}}" class="accordion-collapse collapse"
                data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">
                    {{ $item->answer }}
                </div>
            </div>
        </div>
        @endforeach

    </div>
</div>


@endsection