@extends('frontend::layouts.master')
@section('content')
    <!-- Page Title -->
    @livewire('frontend::page-title', ['article' => $article, 'breadcrumb' => $breadcrumb])
    <section class="py-5">
        <div class="container">
            <div class="col-lg-10 text-center mb-5 mx-auto">
                {!! $article['text'] ?? '' !!}
            </div>
            @if (!empty($list))
                @foreach ($list as $ls)
                    @if (!empty($ls['list']))
                        <div class="pb-5">
                            <div class="col-12 fs-2 fw-bold text-center mb-3">{!! $ls['title'] ?? '' !!}</div>
                            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-5 g-4 justify-content-center">
                                @foreach ($ls['list'] as $item)
                                    <div class="col">
                                        <div class="card solutions-card h-100 shadow-sm border-0 bg-white">
                                            <div class="ratio ratio-1x1">
                                                <img class="object-fit-cover" src="{{ asset($item['image'] ?? '') }}" alt="...">
                                            </div>
                                            <div class="card-body text-center p-2">
                                                <div class="card-title fw-bold text-dark mb-1 deco-line">{!! $item['name'] ?? '' !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endif
                @endforeach
            @endif
        </div>
    </section>
    @if (!empty($questions))
        <x-frontend::section.contact-n-question title="" description="{!! $questions['detail'] ?? '' !!}" image="{!! $questions['image'] ?? '' !!}" :toggleBtnContactUs=false :toggleBtnFindAnswers=true :toggleBtnGetInTouch=true :url="$page_init['url']" />
    @endif
@endsection