<?php $__env->startSection('title'); ?>
<?php echo e($sec1->MetaTitle); ?>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('description'); ?>
<?php echo e($sec1->MetaDescription); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<?php if(!empty($sec1) ): ?>


<section class="pt-5">
    <div class="container pt-5">
        <div class="row justify-content-center pt-md-0 pt-4">
            <div class="col-lg-10 text-center">
                <h1 class="text-primary"><?php echo e($sec1->Title); ?></h1>
                <?php echo $sec1->Content; ?>
            </div>
        </div>
    </div>
</section>
<?php endif; ?>


<section class="py-lg-5 py-3 faq-page-section">
    <div class="container">
        <ul class="row nav faq-navs" role="tablist">

        <?php $__currentLoopData = $faqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $kid=> $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <li class="col-md-4 col-6 faq-tab text-center">
                <a class="faq-tab-link d-block p-3 <?php if($kid==0){echo 'active';}?>" id="<?php echo e($faq->code); ?>-tab" data-toggle="tab"
                   href="#<?php echo e($faq->code); ?>" role="tab" aria-controls="<?php echo e($faq->code); ?>" aria-selected="<?php if($kid==0){ echo 'true';}else{echo 'false';}?>">
                    <div class="mb-3">
                        <figure id="<?php echo e($faq->image_id); ?>" class="animated-icon mx-auto" style="width: 90px;"></figure>
                    </div>
                    <h4><?php echo e($faq->title); ?></h4>
                </a>
            </li>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          
        </ul>
        <div class="row tab-content pt-5">
            <?php $__currentLoopData = $faqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $keyID=>$faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            
            <div class="col-md-12 tab-pane fade <?php if($keyID==0){
                    echo 'show active';}?> " id="<?php echo e($faq->code); ?>" role="tabpanel"
                 aria-labelledby="<?php echo e($faq->code); ?>-tab">
                <p><button type="button"
                           class="btn btn-outline-primary faq-buttons text-uppercase showAns">Expand All</button>
                    <button type="button"
                            class="btn btn-outline-primary faq-buttons text-uppercase ml-2 hideAns">Collapse
                        All</button></p>
            
            <div id="<?php echo str_replace(' ', '', $faq->code).'-accordion';?>">
        
            <?php $__currentLoopData = $faq->qusetions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$question): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

            <div class="card">
                <div class="card-header" id="heading<?php echo e($key); ?>">
                    <h5 class="m-0  collapsed faq-title" data-toggle="collapse" data-target="#collapse<?php echo e($key); ?>"
                        aria-expanded="false" aria-controls="collapse<?php echo e($key); ?>">
                        <?php echo e($question->title); ?>

                    </h5>
                </div>
                <div class="card-body collapse" id="collapse<?php echo e($key); ?>" aria-labelledby="heading<?php echo e($key); ?>"
                     data-parent="#<?php echo str_replace(' ', '', $faq->code).'-accordion'; ?>">
                         <?php echo $question->description; ?>
                </div>
            </div>

            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            </div>

            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
           
        </div>
        <div class="row pt-5">
            <div class="col-md-12 text-center">
                <a href="<?php echo e(url('get_covered')); ?>" class="btn btn-lg btn-primary mx-md-1 mb-md-0 mb-3"><i
                        class="far fa-hand-point-right mr-1"></i>Get Covered</a>
                <a href="https://portal.joblogic.com/" rel="nofollow" target="_blank" title="Login to JobLogic Web" class="btn btn-lg btn-secondary mx-md-1"><i
                        class="far fa-hand-point-right mr-1"></i>Book A Repair</a>
            </div>
        </div>
    </div>
</section>


<?php if(!empty($sec3) ): ?>

<section class="py-lg-5 py-3 text-white bg-overlay" style="background-image: url(<?php echo e(asset(Config("params.media_path.large").$sec3->ImageName)); ?>);">
    <div class="container py-lg-4 py-3">
        <div class="row justify-content-center ">
            <div class="col-md-6 text-center">
                <h3 class="h1 mb-lg-4"><?php echo e($sec3->Title); ?></h3>
                <?php echo $sec3->Content; ?>
            </div>
        </div>
    </div>
</section>
<?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('front.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/seolocaj/public_html/homefloltd/resources/views/front/faq.blade.php ENDPATH**/ ?>