@extends('layouts.article')

@section('article-last-updated', date('jS M Y', strtotime($article->updated_at)))

@section('article-category', $mainCategory->title)

@section('article-title', $article->title)

@section('article-faq')
@php
  $questions = json_decode($article->body);
@endphp
            <div class="collapses mb-40">
@foreach ($questions as $question)
              <div class="collapse">
                <div data-w-id="e33dd984-b404-3e84-da26-e4462a7eff5b" class="collapse-header">
                  <div>{{ $question->title }}</div><img src="{{ url('images/down-arrow.svg') }}" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="" class="collapse-arrow">
                </div>
                <div style="display:none" class="collapse-body">
                  <div class="pb-20 mb-0">{!! $question->content !!}</div>
                </div>
              </div>
@endforeach
            </div>
@endsection