@extends('hulaki_khabar.layout.layout')
@section('content')
    <div class="page-title-area">
        <div class="container">
            <div class="page-title-content">
                <h2>{{$article->title}}</h2>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li>{{$article->title}}</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Page Banner -->
    <!-- Start Terms of service Area -->
    <section class="terms-of-service-area ptb-50">
        <div class="container">
            <div class="faq-accordion">
                <ul class="accordion">
    
                        @foreach ($article->childrens as $item)
                            <li class="accordion-item">
                                <a class="accordion-title @if($loop->first)active @endif" href="javascript:void(0)">
                                    <i class='bx bx-plus'></i>
                                    {{ $item->title }}
                                </a>
                                <p class="accordion-content @if($loop->first)show @endif">
                                    {!! $item->text !!}
                                </p>
                            </li>
                        @endforeach
                </ul>
            </div>
        </div>
    </section>
@endsection