@extends('client.rohini.layouts.app')
@section('content')
    @include('client.rohini.pages.partials.breadcrumb')

    <!--Services Details Start-->
    <section class="services-details">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-4">
                    <div class="services-details__left">
                        <div class="services-details__services-box">
                            <ul class="services-details__services-list list-unstyled">
                                @foreach ($allTests as $class)
                                    <li @if ($class->slug == $page->slug) class="active" @endif>
                                        <a href="{{ route('test.single', $class->slug) }}">{{ $class->title }}<span
                                                class="icon-right-arrow-1"></span></a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                        <div class="services-details__contact">
                            <h3 class="services-details__contact-title">Contact us</h3>
                            <ul class="services-details__contact-list list-unstyled">
                                <li>
                                    <div class="icon">
                                        <span class="icon-location"></span>
                                    </div>
                                    <p>{{ setting('location') }}</p>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-phone-call"></span>
                                    </div>
                                    <p><a href="tel:{{ setting('phone') }}">{{ setting('phone') }}</a></p>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-envelope"></span>
                                    </div>
                                    <p><a href="mailto:{{ setting('email') }}">{{ setting('email') }}</a></p>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-planning"></span>
                                    </div>
                                    <p>{{ setting('working_days') }}: {{ setting('working_hours') }}</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-9 col-lg-8">
                    <div class="services-details__right">
                        <div class="services-details__img">
                            <img src="{{ $page->image }}" alt="">
                        </div>
                        <h3 class="services-details__title-1">{{ $page->short_description }}</h3>
                        <p class="services-details__text-1">{!! $page->description !!}</p>
                        @if(isset($children[0]))
                        <div class="services-details__img-and-feature">
                            <div class="services-details__feature-img">
                                <img src="{{ $children[0]->image }}" alt="">
                                <div class="services-details__video-link">
                                    <a href="{{ $children[0]->button_url }}" class="video-popup">
                                        <div class="services-details__video-icon">
                                            <span class="fa fa-play"></span>
                                            <i class="ripple"></i>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="services-details__feature">
                                <h3 class="services-details__feature-title">{{ $children[0]->title }}</h3>
                                <p class="services-details__feature-text">{{ $children[0]->short_description }}</p>
                                <ul class="services-details__feature-points list-unstyled">
                                    @foreach ($children[0]->custom as $feature)
                                        <li>
                                            <div class="icon">
                                                <span class="{{ $feature['symbol'] }}"></span>
                                            </div>
                                            <div class="content">
                                                <h3>{{ $feature['key'] }}</h3>
                                                <p>{{ $feature['value'] }}</p>
                                            </div>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                        {!! $children[0]->description !!}
                        @endif
                        @if(isset($children[1]))
                        <h3 class="services-details__title-3">{{ $children[1]->title }}</h3>
                        <div class="process-four">
                            <div class="row">
                                <!--Process Four Single Start-->
                                @foreach ($children[1]->custom as $work)
                                    <div class="col-xl-3">
                                        <div class="process-four__single">
                                            <div class="process-four__shape-1"></div>
                                            <div class="process-four__count"></div>
                                            <h3 class="process-four__title">{{ $work['key'] }}</h3>
                                            <p class="process-four__text">{{ $work['value'] }}</p>
                                        </div>
                                    </div>
                                @endforeach
                                <!--Process Four Single End-->
                            </div>
                        </div>
                        @endif
                        @if(isset($testFAQs))

                        <h3 class="services-details__title-4">Frequently asked questions</h3>

                        <div class="services-details__faq">
                            <div class="accrodion-grp" data-grp-name="services-details-accrodion">
                                @foreach ($testFAQs->faqs as $faq)
                                    <div class="accrodion">
                                        <div class="accrodion-title">
                                            <h4><span>Q{{ $loop->iteration }}.</span>{{ $faq->title }}</h4>
                                        </div>
                                        <div class="accrodion-content">
                                            <div class="inner">
                                                <p>{{ $faq->description }}</p>
                                            </div><!-- /.inner -->
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Services Details End-->

       @include('client.rohini.pages.partials.newsletter')
@endsection