@extends('front.layout')
<?php
$title = $model->metaTitle;
$description = $model->metaDescription;
$keywords = $model->keywords;
$types = Config("params.packages_types");
$defaultPackagesType = array_key_first($types);
$image = asset(Config("params.dir_categories_image") . '' . $model->image);
$category_id=$model->id;
?>
@section('title')
{{$title}}
@endsection
@section('description')
{{$description}}
@endsection
@include('front/common/meta')

@section('content')

<section class="page-banner bg-overlay" style="background-image: url({{asset(Config("params.media_path.large").$model->image)}});">
    <div class="page-inner-box col-lg-9 mt-5 text-center text-white">
        <h1 class="text-uppercase">{{$model->tagline}} </h1>
        <h3>{{$model->tagline2}}</h3>
        <p class="mt-5 banner-logos">
            <img  width="200" height="60" src="{{ asset('/front/images/trustpilot-reviews-logo.png') }}" class="trustpilot-logo d-inline-block img-fluid mr-2" alt="">


            <img width="100" height="60" src="{{ asset('/front/images/Gas-Safe-Logo.png') }}" class="img-fluid safe-logo ml-2 d-inline-block" alt="Gas Safe Registered">

            <img  width="100" height="60" src="{{ asset('/front/images/nappit.jpeg') }}" class="ml-2 nappit d-inline-block" alt="Nappit">

        </p>
        <button id="quote" class="btn btn-primary btn-lg quote">Get A Quote</button>
    </div>
</section>
<section class="pt-lg-5 pt-3">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-9 text-center">
                <h2 class="h1 text-primary mb-lg-4"><?php echo $model->coveredTitle ?></h2>
                <p><?php echo $model->coveredText ?></p>

            </div>
        </div>
    </div>
</section>

<section class="py-lg-5 py-3 packages" id="homecare-packages">
    <div class="container-fluid px-md-5">
        <div class="text-center">
            <h3 class="h1 text-primary  mb-4 center"><?php echo $model->packages_title ?></h3>
        </div>


        <div class="row" id="homeCare">

            <?php echo isset($packagesView) ? $packagesView : "" ?>

        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-12 pt-4">
                    <p class="small fs-10 mb-1"> <span class="text-primary">Exclusion Period -</span> You are not entitled to benefit from an Emergency Call-Out within the first 30 (THIRTY) days of the date of this Agreement (“the Initial Period”).&nbsp; For the avoidance of doubt,
                        this does not apply to any renewal of this Agreement. Homeflo shall be entitled to charge a fee of £95 in respect of any Emergency Call-Out that an Approved Engineer attends during the Initial Period. </p>
                    <p class="small fs-10 mb-0">
                        <span class="text-primary">Annual Boiler Service -</span> If you are a Pay Monthly Customer you may not request an annual boiler service until the six-month anniversary of this Agreement.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

@if(!empty($sec1) )
<section class="py-lg-5 py-3">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h2 class="h1 text-primary">{{$sec1->Title}}</h2>
                <?php echo $sec1->Content; ?>
            </div>
        </div>
    </div>
</section>
@endif
<section class="py-lg-5 py-3">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-9 text-center">
                <h2 class="h1 text-primary mb-lg-4">{{$model->title}}</h2>
                <?php echo $model->description; ?>
            </div>
        </div>
    </div>
</section>
@if(!empty($plans))
<section class="py-lg-5 py-3">
    <div class="container">
        <div class="row justify-content-center">

            <?php echo $plans->Content; ?>           
        </div>
    </div>
</section>
@endif
@include('front/common/google_reviews')
@if(!empty($sec2) )

<section class="py-lg-5 py-3 clients text-center">
    <div class="container">
        <div class="row no-gutters justify-content-center">
            <div class="col-md-8 text-center px-md-5">
                <h3 class="text-primary mb-lg-4">{{$sec2->Title}}</h3>
            </div>
            <?php echo $sec2->Content; ?>

        </div>
    </div>
</section>
@endif
<section class="faq-section bg-overlay text-white py-3 py-lg-5 mt-0" style="background-image: url({{ asset('/front/images/faqs.jpg') }});">
    <div class="container pt-lg-5 position-relative z-index11">
        <div class="accordion wow fadeInUp faq-accordion" id="faqAccordion">
            <div class="row py-5 align-items-center">
                <div class="col-md-6">
                    <h3 class="h2 ff-sinkin-sans text-uppercase mb-lg-4"><?php echo $model->faqTitle; ?></h3>
                    <p><?php echo $model->faqText; ?></p>

                </div>
                <div class="col-md-6">
                    <div class="row">
                        @if (count($faqs) > 0)
                        @foreach($faqs as $faq)
                        <div class="col-md-12">
                            <div class="faq-header bg-primary text-white border-0 p-2">
                                <h4 class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse{{$faq->id}}" aria-expanded="false" aria-controls="collapse{{$faq->id}}">{{$faq->title}}</h4>
                            </div>
                            <div id="collapse{{$faq->id}}" class="collapse faq-body" data-parent="#faqAccordion">
                                <?php echo $faq->description ?>
                            </div>
                        </div>
                        @endforeach
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</section>

<input type="hidden" name="excess_id" id="excess_id" value='3' >
<input type="hidden" name="types" id="types" value='<?php echo json_encode($types) ?>' >
<input type="hidden" name="type" id="type" value='<?php echo $defaultPackagesType ?>' >
<input type="hidden" name="category_id" id="category_id" value="<?php echo $category_id; ?>" >

@endsection
@include('vendor_script')
@section('myscript')
{{-- Page js files --}}
<script>
   
$(".quote").click(function() {
//    document.getElementById('homecare-packages').scrollIntoView(true);
 $('html, body').animate({
        scrollTop: $("#homecare-packages").offset().top
    }, 1000);
});
</script>
@endsection