@section('title', get_setting('site_name') . ' | ' . __('Company Policy'))

<div class="container mt-5">
    <div class="card">
        <div class="card-body">

            <h4 class="mt-0 header-title">Company Policies</h4>

            <div class="accordion" id="accordionExample">
                @forelse($policies as $item=>$policy)
                    <div class="card mb-0">
                        <div class="card-header" id="heading-{{$item}}">
                            <h5 class="my-1">
                                <button class="btn btn-link text-dark" type="button" data-toggle="collapse"
                                        data-target="#collapse-{{$item}}" aria-expanded="false"
                                        aria-controls="collapse-{{$item}}">
                                    {{ $policy['title'] }} <i class="fas fa-angle-down ml-2"></i>
                                </button>
                            </h5>
                        </div>

                        <div id="collapse-{{$item}}" class="collapse" aria-labelledby="heading-{{$item}}"
                             data-parent="#accordionExample">
                            <div class="card-body">
                                {!! $policy['description']  !!}
                            </div>
                        </div>
                    </div>
                @empty
                    <p>No policies available at the moment.</p>

            </div>
            @endforelse
        </div>
    </div>

</div>