@extends('front.layouts.master')

@section('seo_title', $global_setting->home_seo_title)
@section('seo_meta_description', $global_setting->home_seo_meta_description)

@section('content')

<!-- Slider Section -->
<section class="banner-section">
    <div class="banner-carousel owl-carousel owl-theme">
        @foreach ($sliders as $row)
        <div class="slide-item">
            <div class="bg-image" style="background-image: url({{ asset('uploads/'.$row->photo) }});"></div>
            <div class="auto-container">
                <div class="content-box">
                    <span class="sub-title animate-1">{{ $row->heading }}</span>
                    <h1 class="title animate-2">
                        {!! nl2br($row['text']) !!}
                    </h1>
                    <div class="btn-box animate-3">
                        <a href="{{ $row->button1_url }}" class="theme-btn btn-style-one"><span class="btn-title">{{ $row->button1_text }}</span></a>
                        <a href="{{ $row->button2_url }}" class="theme-btn btn-style-one light"><span class="btn-title">{{ $row->button2_text }}</span></a>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
    </div>
</section>
<!-- // Slider Section -->


<!-- Section 1 -->
@if($home3_item['s1_status'] == 'Show')
<section class="services-section-three">
    <div class="auto-container">
        <div class="sec-title text-center">
            <span class="sub-title">{{ $home3_item['s1_subheading'] }}</span>
            <h2>{!! nl2br($home3_item['s1_heading']) !!}</h2>
        </div>
        <div class="row">
            @foreach ($services as $row)
            <div class="service-block-three col-lg-3 col-md-6 col-sm-12 wow fadeInUp">
                <div class="inner-box">
                    <div class="content">
                        <div class="icon-box"><i class="icon {{ $row->icon }}"></i></div>
                        <h5 class="title"><a href="{{ route('service',$row->slug) }}">{{ $row->name }}</a></h5>
                        <div class="text">{!! nl2br($row['short_description']) !!}</div>
                    </div>
                    <a href="{{ route('service',$row->slug) }}" class="read-more"><i class="fa fa-long-arrow-alt-right"></i></a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif
<!-- // Section 1 -->


<!-- Section 2 -->
@if($home3_item['s2_status'] == 'Show')
<section class="about-section-four pt-0">
    <div class="auto-container">
        <div class="row">
            <div class="content-column col-xl-6 col-lg-7 col-md-12 col-sm-12 order-2 wow fadeInRight" data-wow-delay="600ms">
                <div class="inner-column">
                    <div class="sec-title">
                        <span class="sub-title">{{ $home3_item['s2_subheading'] }}</span>
                        <h2>{{ $home3_item['s2_heading'] }}</h2>
                        <div class="text">
                            {!! nl2br($home3_item['s2_text']) !!}
                        </div>
                    </div>
                    <h5 class="title">
                        {!! nl2br($home3_item['s2_tagline']) !!}
                    </h5>

                    <a href="tel:{{ $home3_item['s2_phone'] }}" class="info-btn"> <i class="icon flaticon-phone-ringing"></i> <small>{{ __('Have Any Question? Give Us a Call') }}</small>{{ $home3_item['s2_phone'] }}</a>

                    <a href="{{ $home3_item['s2_button_url'] }}" class="theme-btn btn-style-one"><span class="btn-title">{{ $home3_item['s2_button_text'] }}</span></a>
                </div>
            </div>
            <div class="image-column col-xl-6 col-lg-5 col-md-12 col-sm-12">
                <div class="inner-column wow fadeInLeft">
                    <div class="image-box">
                        <span class="bg-shape"></span>
                        <figure class="image-1 overlay-anim wow fadeInUp"><img src="{{ asset('uploads/'.$home3_item['s2_photo1']) }}" alt=""></figure>
                        <figure class="image-2 overlay-anim wow fadeInRight"><img src="{{ asset('uploads/'.$home3_item['s2_photo2']) }}" alt=""></figure>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="features-section-four p-0">
    <div class="auto-container">
        <div class="row g-0">
            <div class="feature-block-five col-lg-6 col-md-12 col-sm-12 wow fadeInLeft">
                <div class="inner-box">
                    <div class="content">
                        <span class="count">01</span>
                        <h5 class="title">{{ $home3_item['s2_item1_heading'] }}</h5>
                        <div class="text">{!! nl2br($home3_item['s2_item1_text']) !!}</div>
                    </div>
                </div>
            </div>
            <div class="feature-block-five col-lg-6 col-md-12 col-sm-12 wow fadeInLeft">
                <div class="inner-box">
                    <div class="content">
                        <span class="count">02</span>
                        <h5 class="title">{{ $home3_item['s2_item2_heading'] }}</h5>
                        <div class="text">{!! nl2br($home3_item['s2_item2_text']) !!}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 2 -->


<!-- Section 3 -->
@if($home3_item['s3_status'] == 'Show')
<section class="projects-section style-two pull-up">
    <div class="bg bg-pattern-4"></div>
    <div class="auto-container">
        <div class="sec-title">
            <span class="sub-title">{{ $home3_item['s3_subheading'] }}</span>
            <h2>{{ $home3_item['s3_heading'] }}</h2>
        </div>
        <div class="carousel-outer">
            <div class="projects-carousel-two owl-carousel owl-theme">
                @foreach ($portfolios as $row)
                <div class="project-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><a href="{{ route('portfolio',$row->slug) }}"><img src="{{ asset('uploads/'.$row->photo) }}" alt=""></a>
                            </figure>
                            <div class="info-box">
                                <a href="{{ route('portfolio',$row->slug) }}" class="read-more"><i class="fa fa-long-arrow-alt-right"></i></a>
                                <h6 class="title"><a href="{{ route('portfolio',$row->slug) }}">{{ $row->name }}</a></h6>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 3 -->


<!-- Section 4 -->
@if($home3_item['s4_status'] == 'Show')
<section class="why-choose-us-two pt-0">
    <div class="auto-container">
        <div class="sec-title">
            <div class="row">
                <div class="col-lg-6">
                    <span class="sub-title">{{ $home3_item['s4_subheading'] }}</span>
                    <h2>{!! nl2br($home3_item['s4_heading']) !!}</h2>
                </div>
                <div class="col-lg-6 d-flex justify-content-end">
                    <div class="text">
                        {!! nl2br($home3_item['s4_text']) !!}
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="content-column col-xl-6 col-lg-7 col-md-12 col-sm-12 order-2 wow fadeInRight" data-wow-delay="600ms">
                <div class="inner-column">
                    <div class="feature-block-six">
                        <div class="inner-box">
                            <span class="icon"><i class="{{ $home3_item['s4_item1_icon'] }}"></i></span>
                            <h5 class="title">{{ $home3_item['s4_item1_heading'] }}</h5>
                            <div class="text">
                                {!! nl2br($home3_item['s4_item1_text']) !!}
                            </div>
                        </div>
                    </div>
                    <div class="feature-block-six">
                        <div class="inner-box">
                            <span class="icon"><i class="{{ $home3_item['s4_item2_icon'] }}"></i></span>
                            <h5 class="title">{{ $home3_item['s4_item2_heading'] }}</h5>
                            <div class="text">
                                {!! nl2br($home3_item['s4_item2_text']) !!}
                            </div>
                        </div>
                    </div>
                    <div class="feature-block-six">
                        <div class="inner-box">
                            <span class="icon"><i class="{{ $home3_item['s4_item3_icon'] }}"></i></span>
                            <h5 class="title">{{ $home3_item['s4_item3_heading'] }}</h5>
                            <div class="text">
                                {!! nl2br($home3_item['s4_item3_text']) !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="image-column col-xl-6 col-lg-5 col-md-12 col-sm-12">
                <div class="inner-column wow fadeInLeft">
                    <div class="image-box">
                        <figure class="image-1 overlay-anim wow fadeInUp"><img src="{{ asset('uploads/'.$home3_item['s4_photo1']) }}" alt=""></figure>
                        <figure class="image-2 overlay-anim wow fadeInRight"><img src="{{ asset('uploads/'.$home3_item['s4_photo2']) }}" alt=""></figure>
                        <figure class="logo"><img src="{{ asset('dist-front/images/resource/fav-icon-light.png') }}" alt=""></figure>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 4 -->


<!-- Section 5 -->
@if($home3_item['s5_status'] == 'Show')
<section class="team-section pt-0">
    <div class="auto-container">
        <div class="sec-title text-center">
            <span class="sub-title">{{ $home3_item['s5_subheading'] }}</span>
            <h2>{!! nl2br($home3_item['s5_heading']) !!}</h2>
        </div>

        <div class="row">
            @foreach($team_members as $row)
            <div class="team-block-two col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                <div class="inner-box">
                    <div class="image-box">
                        <figure class="image"><a href="{{ route('team_member',$row->slug) }}"><img src="{{ asset('uploads/'.$row->photo) }}" alt=""></a></figure>
                        
                        <?php if($row->facebook != '' || $row->twitter != '' || $row->linkedin != '' || $row->instagram != '' || $row->youtube != '' || $row->pinterest != '' ): ?>
                        <div class="social-links">
                            <?php if($row->facebook != ''): ?>
                                <a href="{{ $row->facebook }}" target="_blank"><i class="fab fa-facebook-f"></i></a>
                            <?php endif; ?>
                            
                            <?php if($row->twitter != ''): ?>
                                <a href="{{ $row->twitter }}" target="_blank"><i class="fab fa-twitter"></i></a>
                            <?php endif; ?>

                            <?php if($row->linkedin != ''): ?>
                                <a href="{{ $row->linkedin }}" target="_blank"><i class="fab fa-linkedin"></i></a>
                            <?php endif; ?>

                            <?php if($row->instagram != ''): ?>
                                <a href="{{ $row->instagram }}" target="_blank"><i class="fab fa-instagram"></i></a>
                            <?php endif; ?>

                            <?php if($row->youtube != ''): ?>
                                <a href="{{ $row->youtube }}" target="_blank"><i class="fab fa-youtube"></i></a>
                            <?php endif; ?>

                            <?php if($row->pinterest != ''): ?>
                                <a href="{{ $row->pinterest }}" target="_blank"><i class="fab fa-pinterest-p"></i></a>
                            <?php endif; ?>
                        </div>
                        <span class="share-icon fa fa-plus"></span>
                        <?php endif; ?>
                    </div>
                    <div class="info-box">
                        <h4 class="name"><a href="{{ route('team_member',$row->slug) }}">{{ $row->name }}</a></h4>
                        <span class="designation">{{ $row->designation }}</span>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif
<!-- // Section 5 -->


<!-- Section 6 -->
@if($home3_item['s6_status'] == 'Show')
<section class="work-section-two">
    <div class="row g-0">
        <div class="content-column col-lg-6 col-md-12 col-sm-12 order-2">
            <div class="bg bg-pattern-16"></div>
            <div class="inner-column">
                <div class="sec-title light">
                    <span class="sub-title">{{ $home3_item['s6_subheading'] }}</span>
                    <h2>{!! nl2br($home3_item['s6_heading']) !!}</h2>
                    <div class="other-text">
                        {!! nl2br($home3_item['s6_tagline']) !!}
                    </div>
                    <div class="text">
                        {!! nl2br($home3_item['s6_text']) !!}
                    </div>
                </div>
                <div class="row">
                    <div class="work-block-two col-lg-6 col-md-6">
                        <div class="inner-box">
                            <i class="icon {{ $home3_item['s6_item1_icon'] }}"></i>
                            <h5 class="title">{{ $home3_item['s6_item1_heading'] }}</h5>
                        </div>
                    </div>
                    <div class="work-block-two col-lg-6 col-md-6">
                        <div class="inner-box">
                            <i class="icon {{ $home3_item['s6_item2_icon'] }}"></i>
                            <h5 class="title">{{ $home3_item['s6_item2_heading'] }}</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="image-column col-lg-6 col-md-12 col-sm-12">
            <figure class="image"><img src="{{ asset('uploads/'.$home3_item['s6_photo']) }}" alt=""></figure>
            <div class="sign"><img src="{{ asset('uploads/'.$home3_item['s6_sign']) }}" alt=""></div>
        </div>
    </div>
</section>
@endif
<!-- // Section 6 -->


<!-- Section 7 -->
@if($home3_item['s7_status'] == 'Show')
<section class="pricing-section">
    <div class="bg"></div>
    <div class="auto-container">
        <div class="sec-title text-center">
            <span class="sub-title">{{ $home3_item['s7_subheading'] }}</span>
            <h2>{!! nl2br($home3_item['s7_heading']) !!}</h2>
        </div>

        <div class="row">
            @foreach($pricing_plans as $row)
            <div class="pricing-block @if($row->is_popular == 'Yes') 'tagged' @endif col-lg-4 col-md-6 col-sm-12">
                <div class="inner-box">
                    <div class="title-box">
                        <h3 class="title">{{ $row->plan_name }}</h3>
                        <div class="text">{{ nl2br($row->description) }}</div>
                    </div>
                    <h2 class="price"><sup>{{ $global_setting->currency_symbol }}</sup>{{ $row->price }}<sub>/{{ $row->period }}</sub></h2>
                    <h6 class="sub-title">{{ __('All Basic Services Include') }}</h6>
                    <ul class="features">    
                        @php
                            $options = explode(',', $row->options);
                        @endphp    
                        @foreach($options as $option)
                        <li>{{ $option }}</li>
                        @endforeach
                    </ul>
                    <a href="{{ $row->button_url }}" class="theme-btn btn-style-one"><span class="btn-title">{{ $row->button_text }}</span></a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif
<!-- // Section 7 -->


<!-- Section 8 -->
@if($home3_item['s8_status'] == 'Show')
<section class="testimonial-section-three">
    <div class="container-fluid p-0">
        <div class="outer-box">
            <div class="carousel-outer">
                <div class="testimonial-carousel-three owl-carousel owl-theme default-dots">
                    @foreach ($testimonials as $row)
                    <div class="testimonial-block-three">
                        <div class="inner-box">
                            <div class="thumb">
                                <img src="{{ asset('uploads/'.$row->photo) }}" alt="">
                                <span class="icon fa fa-quote-right"></span>
                            </div>
                            <div class="text">{!! nl2br($row->comment) !!}</div>
                            <h6 class="name">{{ $row->name }} <span class="designation"> - {{ $row->designation }}</span></h6>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
            <div class="banner-box">
                <div class="inner-box" style="background-image: url({{ asset('uploads/'.$home3_item['s8_background']) }})">
                    <h3>
                        {!! nl2br($home3_item['s8_text']) !!}
                    </h3>
                    <a href="{{ $home3_item['s8_button_url'] }}" class="theme-btn btn-style-one light"><span class="btn-title">{{ $home3_item['s8_button_text'] }}</span></a>
                </div>
            </div>
            <div class="fact-counter-two">
                <div class="row">
                    <div class="counter-block-two col-lg-6 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="inner">
                            <i class="icon {{ $home3_item['s8_item1_icon'] }}"></i>
                            <div class="count-box"><span class="count-text" data-speed="3000" data-stop="{{ $home3_item['s8_item1_number'] }}">0</span></div>
                            <h6 class="counter-title">{!! nl2br($home3_item['s8_item1_text']) !!}</h6>
                        </div>
                    </div>
                    <div class="counter-block-two col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
                        <div class="inner">
                            <i class="icon {{ $home3_item['s8_item2_icon'] }}"></i>
                            <div class="count-box"><span class="count-text" data-speed="3000" data-stop="{{ $home3_item['s8_item2_number'] }}">0</span></div>
                            <h6 class="counter-title">{!! nl2br($home3_item['s8_item2_text']) !!}</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 8 -->


<!-- Section 9 -->
@if($home3_item['s9_status'] == 'Show')
<section class="news-section">
    <div class="bg bg-pattern-19"></div>
    <div class="auto-container">
        <div class="sec-title text-center light">
            <span class="sub-title">{{ $home3_item['s9_subheading'] }}</span>
            <h2>{!! nl2br($home3_item['s9_heading']) !!}</h2>
        </div>
        <div class="row">
            @foreach ($posts as $row)
            <div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                <div class="inner-box">
                    <div class="image-box">
                        <figure class="image"><a href="{{ route('post',$row->slug) }}"><img src="{{ asset('uploads/'.$row->photo) }}" alt=""></a></figure>
                    </div>
                    <div class="content-box">
                        <span class="date">
                            {{ date('d M, Y', strtotime($row->created_at)) }}
                        </span>
                        <span class="post-info"><i class="fa fa-user-circle"></i> {{ __('By Admin') }}</span>
                        <h5 class="title"><a href="{{ route('post',$row->slug) }}">{{ $row->title }}</a></h5>
                        <div class="text">{!! nl2br($row->short_description) !!}</div>
                        <a href="{{ route('post',$row->slug) }}" class="read-more"><i class="fa fa-long-arrow-alt-right"></i> {{ __('Read More') }}</a>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif
<!-- // Section 9 -->


<!-- Section 10 -->
@if($home3_item['s10_status'] == 'Show')
<section class="contact-info-section pt-0">
    <div class="auto-container">
        <div class="row">
            <div class="contact-info-block-two col-lg-6 col-md-12">
                <div class="inner-box">
                    <div class="bg"></div>
                    <h3 class="title">{{ $home3_item['s10_text'] }}</h3>
                    <a href="{{ $home3_item['s10_button_url'] }}" class="theme-btn btn-style-one light"><span class="btn-title">{{ $home3_item['s10_button_text'] }}</span></a>
                </div>
            </div>
            <div class="contact-info-block-three col-lg-6 col-md-12">
                <div class="inner-box">
                    <div class="bg" style="background-image: url({{ asset('uploads/'.$home3_item['s10_background']) }})"></div>
                    <h3 class="title">{{ __('Need Quick Help?') }} <br>{{ __('Call Now') }}</h3>
                    <h3 class="num"><a href="tel:{{ $home3_item['s10_phone'] }}">{{ $home3_item['s10_phone'] }}</a></h3>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 10 -->


<!-- Section 11 -->
@if($home3_item['s11_status'] == 'Show')
<section class="clients-section style-two">
    <div class="auto-container">
        <div class="sponsors-outer">
            <ul class="clients-carousel owl-carousel owl-theme">
                @foreach ($clients as $row)
                <li class="slide-item">
                    <a href="@if($row['url'] == '') 'javascript:void;' @else $row['url'] @endif" @if($row['url'] != '') 'target="_blank"' @endif>
                        <img src="{{ asset('uploads/'.$row->photo) }}" alt="">
                    </a>
                </li>
                @endforeach
            </ul>
        </div>
    </div>
</section>
@endif
<!-- // Section 11 -->

@endsection