@extends('client.rohini.layouts.app')
@section('content')
<div class="page-wrapper">
@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">
                            @php
                                $allpages = getPageWithChildrenBySlug(parent:null , slug:"study-in-nz", order:"asc")
                            @endphp
                                @foreach($allpages->children as $side)
                                    <li>
                                        <a href="{{ route('page.load',$side->slug) }}">{{ $side->title }}<span
                                                class="icon-right-arrow-1"></span></a>
                                    </li>
                                @endforeach
                                <!--<li>-->
                                <!--    <a href="residency.php">Residency Prospects<span-->
                                <!--            class="icon-right-arrow-1"></span></a>-->
                                <!--</li>-->
                            </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_title}}</h3>
                        <p class="services-details__text-1">{!! $page->description !!}</p>
                        @if(isset($page->children[0]))
                            @php
                                $first = $page->children[0];
                            @endphp
                            <div class="services-details__img-and-feature">
                                @if($first->getRawOriginal('image'))
                                    <div class="services-details__feature-img">
                                        <img src="{{ $first->image }}" alt="">
                                        <div class="services-details__video-link">
                                            <a href="{{ $first->link }}" class="video-popup">
                                                <div class="services-details__video-icon">
                                                    <span class="fa fa-play"></span>
                                                    <i class="ripple"></i>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                @endif
                                <div class="services-details__feature">
                                    <h3 class="services-details__feature-title">{{ $first->title }}</h3>
                                    <p class="services-details__feature-text">{{$first->short_description}}</p>
                                    <ul class="services-details__feature-points list-unstyled">
                                        @foreach($first->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>
                            {!! $first->description !!}
                        @endif
                        @if(isset($page->children[1]))
                            @php
                                $second = $page->children[1];
                            @endphp
                            <h3 class="services-details__title-3">{{ $second->title }}</h3>
                            <div class="process-four">
                                <div class="row">
                                    <!--Process Four Single Start-->
                                    @foreach($second->custom as $process)
                                    <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">{{ $process['key'] }}</h3>
                                            <p class="process-four__text">{{$process['value']}}</p>
                                        </div>
                                    </div>
                                    @endforeach
                                    <!--Process Four Single End-->
                                </div>
                            </div>
                        @endif
                        @php
                            $articleFaqs = getFAQsByCategory(limit: null, order: 'desc', category: $page->slug);
                        @endphp
                        @if(isset($articleFaqs))
                        <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($articleFaqs->faqs as $faq)
                                <!-- Question 1 -->
                                <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