@extends('frontend.layouts.master')
@section('content')
    <div class="bg-image mb-5"  style="background-image: url('{{page_header_background($page->id)}}');background-size: cover;background-repeat: no-repeat;">
        <div class="bg-primary-default">
            <div class="container p-lg-0">
                <div class="row">
                    <div class="col-lg-9">
                        <div class="page-title d-flex align-items-center me-3 flex-wrap py-20 ">

                            <!--begin::Breadcrumb-->
                            <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-3 my-1">
                                <!--begin::Item-->
                                <li class="breadcrumb-item text-warning">
                                    <a href="/" class="text-warning text-hover-primary">Home</a>
                                </li>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <li class="breadcrumb-item">
                                    <span class="bullet bg-gray-200 w-5px h-2px"></span>
                                </li>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <li class="breadcrumb-item text-white">{{ $heading }}</li>
                                <!--end::Item-->
                            </ul>
                            <!--end::Breadcrumb-->
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>

    <div class=" mb-20">
        <div class="container lg-p-0">
            <div class="pb-10 pt-5 text-center" id="heading_ti_adn">
                <span>Services</span>
                <h1 class="font-w700 mb-2" id="f_ad_ne_main_title">
                    Our Service
                </h1>
            </div>
        </div>
        <div class="container lg-p-0">
            <div class="row justify-content-center ">
                <div class="col-lg-10">
                    @foreach ($records as $record)
                        @if (isset($record->link))
                            @php
                                $link = $record->link;
                            @endphp
                        @else
                            @php
                                $link = '/features' . '/' . $record->slug;
                            @endphp
                        @endif
                        <div class="card mb-5">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-2">
                                        <img src="/{{ get_image($record->image) }}" alt="" class="img-responsive">
                                    </div>
                                    <div class="col-lg-9">
                                        <div class="flex-grow-1">
                                            <a href="{{ $link }}">
                                                <h2 class="text-dark fw-bolder text-hover-primary fs-3 ">
                                                    {{ $record->heading }}
                                                </h2>
                                            </a>
                                            <p class="text-dark fs-6 mt-3">
                                                {!! $record->details !!}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>


    @foreach ($page_sections as $page_section)
        @php
            $section = $page_section->section;
            $file_name = $section->layout->slug . '.blade.php';
            $file_path = resource_path('views/livewire/frontend/layouts');
        @endphp
        @if($section->status)
            @if (is_file($file_path . '/' . $file_name) && file_exists($file_path . '/' . $file_name))
                @livewire('frontend.layouts.'.$section->layout->slug,['section_id'=>$section->id])
            @endif
        @endif
    @endforeach


@endsection