@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($home1_item['s1_status'] == 'Show')
<section class="about-section">
    <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"><?php echo $home1_item['s1_subheading']; ?></span>
                        <h2><?php echo $home1_item['s1_heading']; ?></h2>
                        <div class="text">
                            <?php echo nl2br($home1_item['s1_text']); ?>
                        </div>
                    </div>
                    <ul class="list-style-two">
                        <li><i class="fa fa-check-circle"></i> <?php echo $home1_item['s1_list1']; ?></li>
                        <li><i class="fa fa-check-circle"></i> <?php echo $home1_item['s1_list2']; ?></li>
                        <li><i class="fa fa-check-circle"></i> <?php echo $home1_item['s1_list3']; ?></li>
                    </ul>
                    <div class="btn-box">
                        <a href="tel:<?php echo $home1_item['s1_phone']; ?>" class="info-btn">
                            <i class="icon fa fa-phone"></i>
                            <small>{{ __('Call Anytime') }}</small> <?php echo $home1_item['s1_phone']; ?>
                        </a>
                        <a href="<?php echo $home1_item['s1_button_url']; ?>" class="theme-btn btn-style-one"><span class="btn-title"><?php echo $home1_item['s1_button_text']; ?></span></a>
                    </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">
                    <figure class="image-1 overlay-anim wow fadeInUp"><img src="{{ asset('uploads/'.$home1_item['s1_photo1']) }}" alt=""></figure>
                    <figure class="image-2 overlay-anim wow fadeInRight"><img src="{{ asset('uploads/'.$home1_item['s1_photo2']) }}" alt=""></figure>
                    <div class="experience bounce-y">
                        <div class="inner">
                            <i class="icon flaticon-discuss"></i>
                            <div class="text"><strong><?php echo $home1_item['s1_experience_year']; ?></strong> {{ __('Years of Experience') }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 1 -->


<!-- Section 2 -->
@if($home1_item['s2_status'] == 'Show')
<section class="services-section pt-0">
    <div class="auto-container">
        <div class="sec-title text-center">
            <span class="sub-title">{{ $home1_item['s2_subheading'] }}</span>
            <h2>{!! nl2br($home1_item['s2_heading']) !!}</h2>
        </div>
        <div class="row">
            @foreach($services as $row)
            <div class="service-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                <div class="inner-box">
                    <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>
                    <a href="{{ route('service',$row->slug) }}" class="read-more"><i class="fa fa-long-arrow-alt-right"></i> {{ __('Read More') }}</a>
                </div>
            </div>
            @endforeach
        </div>
        <div class="bottom-box">
            <a href="{{ route('services') }}" class="theme-btn btn-style-one"><span class="btn-title">{{ __('Explore All Services') }}</span></a>
        </div>
    </div>
</section>
@endif
<!-- // Section 2 -->


<!-- Section 3 -->
@if($home1_item['s3_status'] == 'Show')
<section class="features-section">
    <div class="bg bg-pattern-1"></div>
    <div class="auto-container">
        <div class="row">
            <div class="content-column col-xl-5 col-lg-6 col-md-12">
                <div class="inner-column wow fadeInRight">
                    <div class="sec-title">
                        <span class="sub-title">{{ $home1_item['s3_subheading'] }}</span>
                        <h2>{{ $home1_item['s3_heading'] }}</h2>
                    </div>

                    <div class="feature-block">
                        <div class="inner-box">
                            <div class="content">
                                <span class="icon"><i class="fa fa-check"></i></span>
                                <h5 class="title">{{ $home1_item['s3_list1_heading'] }}</h5>
                                <div class="text">
                                    {!! nl2br($home1_item['s3_list1_text']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="feature-block">
                        <div class="inner-box">
                            <div class="content">
                                <span class="icon"><i class="fa fa-check"></i></span>
                                <h5 class="title">{{ $home1_item['s3_list2_heading'] }}</h5>
                                <div class="text">
                                    {!! nl2br($home1_item['s3_list2_text']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="feature-block">
                        <div class="inner-box">
                            <div class="content">
                                <span class="icon"><i class="fa fa-check"></i></span>
                                <h5 class="title">{{ $home1_item['s3_list3_heading'] }}</h5>
                                <div class="text">
                                    {!! nl2br($home1_item['s3_list3_text']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="image-column col-xl-7 col-lg-6 col-md-12 col-sm-12">
                <div class="inner-column wow fadeInLeft">
                    <div class="image-box">
                        <figure class="image"><img src="{{ asset('uploads/'.$home1_item['s3_photo']) }}" alt=""></figure>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 3 -->


<!-- Section 4 -->
@if($home1_item['s4_status'] == 'Show')
<section class="projects-section-two p-0">
    <div class="bg-image" style="background-image: url({{ asset('uploads/'.$home1_item['s4_background']) }})"></div>
    <div class="auto-container">
        <div class="upper-box">
            <div class="counter-column">
                <div class="count-box">
                    <span class="title">{{ $home1_item['s4_heading'] }}</span>
                    <div class="numbers">{{ $home1_item['s4_number'] }}</div>
                </div>
            </div>
            <div class="text-column">
                <div class="text">
                    {!! nl2br($home1_item['s4_text']) !!}
                </div>
            </div>
        </div>
        <div class="sec-title text-center light">
            <span class="sub-title">{{ $home1_item['s4_portfolio_subheading'] }}</span>
            <h2>{{ $home1_item['s4_portfolio_heading'] }}</h2>
        </div>
        <div class="carousel-outer">
            <div class="projects-carousel 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 4 -->


<!-- Section 5 -->
@if($home1_item['s5_status'] == 'Show')
<section class="why-choose-us">
    <div class="bg bg-pattern-2"></div>
    <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">{{ $home1_item['s5_subheading'] }}</span>
                        <h2>{{ $home1_item['s5_heading'] }}</h2>
                        <div class="text">
                            {!! nl2br($home1_item['s5_text']) !!}
                        </div>
                    </div>
                    <blockquote class="blockquote-one">{!! nl2br($home1_item['s5_tagline']) !!}</blockquote>
                    <div class="btn-box">
                        <a href="https://www.youtube.com/watch?v={{ $home1_item['s5_video_id'] }}" class="play-now-two lightbox-image"><i class="icon fa fa-play"></i> {{ __('Watch Our Few Minutes Video') }}</a>
                        <a href="{{ $home1_item['s5_button_url'] }}" class="theme-btn btn-style-one"><span class="btn-title">{{ $home1_item['s5_button_text'] }}</span></a>
                    </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">
                        <span class="bg-shape"></span>
                        <figure class="image-1 overlay-anim wow fadeInUp"><img src="{{ asset('uploads/'.$home1_item['s5_photo1']) }}" alt=""></figure>
                        <figure class="image-2 overlay-anim wow fadeInRight"><img src="{{ asset('uploads/'.$home1_item['s5_photo2']) }}" alt=""></figure>
                        <figure class="image-3 overlay-anim wow fadeInRight"><img src="{{ asset('uploads/'.$home1_item['s5_photo3']) }}" alt=""></figure>
                        <figure class="logo"><img src="{{ asset('uploads/'.$home1_item['s5_photo4']) }}" alt=""></figure>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 5 -->


<!-- Section 6 -->
@if($home1_item['s6_status'] == 'Show')
<section class="faqs-section">
    <div class="bg bg-pattern-4"></div>
    <div class="auto-container">
        <div class="sec-title text-center">
            <span class="sub-title"><?php echo $home1_item['s6_subheading']; ?></span>
            <h2><?php echo $home1_item['s6_heading']; ?></h2>
        </div>
        <div class="row">
            <div class="faq-column col-lg-6 col-md-12 col-sm-12">
                <div class="inner-column">
                    <ul class="accordion-box wow fadeInRight">
                        @php $i=0; @endphp
                        @foreach ($faqs as $row)
                        @php $i++; @endphp
                        <li class="accordion block @if($i==1) 'active-block' @endif">
                            <div class="acc-btn @if($i==1) active @endif">{{ $row->question }}
                                <div class="icon fa fa-plus"></div>
                            </div>
                            <div class="acc-content @if($i==1) current @endif">
                                <div class="content">
                                    <div class="text">
                                        {!! nl2br($row->answer) !!}
                                    </div>
                                </div>
                            </div>
                        </li>
                        @endforeach
                    </ul>
                </div>
            </div>
            <div class="image-column col-lg-6 col-md-12 col-sm-12">
                <div class="inner-column">
                    <div class="image-box">
                        <figure class="image overlay-anim"><img src="{{ asset('uploads/'.$home1_item['s6_photo']) }}" alt=""></figure>
                    </div>
                    <div class="graph-box">
                        <div class="pie-graph">
                            <div class="graph-outer">
                                <input type="text" class="dial" data-fgColor="#ff3838" data-bgColor="#f9f9f9" data-width="125" data-height="125"
                                    data-linecap="normal" value="{{ $home1_item['s6_counter1_number'] }}">
                                <div class="inner-text count-box"><span class="count-text txt" data-stop="{{ $home1_item['s6_counter1_number'] }}" data-speed="2000"></span>%</div>
                            </div>
                            <h6 class="title">{{ $home1_item['s6_counter1_text'] }}</h6>
                        </div>
                        <div class="pie-graph">
                            <div class="graph-outer">
                                <input type="text" class="dial" data-fgColor="#ff3838" data-bgColor="#f9f9f9" data-width="125" data-height="125"
                                    data-linecap="normal" value="{{ $home1_item['s6_counter2_number'] }}">
                                <div class="inner-text count-box"><span class="count-text txt" data-stop="{{ $home1_item['s6_counter2_number'] }}" data-speed="2000"></span>%</div>
                            </div>
                            <h6 class="title">{{ $home1_item['s6_counter2_text'] }}</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 6 -->


<!-- Section 7 -->
@if($home1_item['s7_status'] == 'Show')
<section class="clients-section">
    <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 7 -->


<!-- Section 8 -->
@if($home1_item['s8_status'] == 'Show')
<section class="testimonial-section">
    <div class="bg bg-pattern-5"></div>
    <div class="auto-container">
        <div class="row">
            <div class="title-column col-xl-5 col-lg-4 col-md-12">
                <div class="sec-title light">
                    <span class="sub-title">{{ $home1_item['s8_subheading'] }}</span>
                    <h2>{{ $home1_item['s8_heading'] }}</h2>
                    <div class="text">
                        {!! nl2br($home1_item['s8_text']) !!}
                    </div>
                </div>
            </div>
            <div class="testimonial-column col-xl-7 col-lg-8 col-md-12">
                <div class="carousel-outer">
                    <div class="testimonial-carousel owl-carousel owl-theme">
                        @foreach ($testimonials as $row)
                        <div class="testimonial-block">
                            <div class="inner-box">
                                <div class="image-box">
                                    <figure class="image"><img src="{{ asset('
                                    uploads/'.$row->photo) }}" alt=""></figure>
                                    <div class="info-box">
                                        <h4 class="name">{{ $row->name }}</h4>
                                        <span class="designation">{{ $row->designation }}</span>
                                    </div>
                                    <div class="rating">
                                        @for($i=1;$i<=$row->rating;$i++)
                                        <i class="fa fa-star"></i>
                                        @endfor
                                    </div>
                                </div>
                                <div class="text">{{ $row->comment }}</div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 8 -->


<!-- Section 9 -->
@if($home1_item['s9_status'] == 'Show')
<section class="news-section">
    <div class="bg bg-pattern-6"></div>
    <div class="auto-container">
        <div class="sec-title text-center">
            <span class="sub-title"><?php echo $home1_item['s9_subheading']; ?></span>
            <h2><?php echo $home1_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($home1_item['s10_status'] == 'Show')
<section class="contact-section pt-0 pb-0">
    <div class="auto-container">
        <div class="row">
            <div class="form-column col-lg-6 col-md-12 col-sm-12">
                <div class="inner-column">

                    <div class="contact-form wow fadeInLeft">
                        <div class="sec-title">
                            <span class="sub-title">{{ $home1_item['s10_subheading'] }}</span>
                            <h2>{{ $home1_item['s10_heading'] }}</h2>
                        </div>

                        <form name="contact_form" action="{{ route('contact_send_message') }}" method="post">
                            @csrf
                            <div class="row">
                                <div class="col-sm-6 form-group">
                                    <div class="">
                                        <input name="name" class="form-control" type="text" placeholder="{{ __('Full Name') }}" required>
                                    </div>
                                </div>
                                <div class="col-sm-6 form-group">
                                    <div class="">
                                        <input name="email" class="form-control" type="email" placeholder="{{ __('Email Address') }}" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6 form-group">
                                    <div class="">
                                        <input name="phone" class="form-control" type="text" placeholder="{{ __('Phone Number') }}" required>
                                    </div>
                                </div>
                                <div class="col-sm-6 form-group">
                                    <div class="">
                                        <input name="subject" class="form-control required" type="text" placeholder="{{ __('Subject') }}" required>
                                    </div>
                                </div>
                            </div>
                            <div class=" form-group">
                                <textarea name="message" class="form-control required" rows="7" placeholder="{{ __('Message') }}" required></textarea>
                            </div>
                            <div class="">
                                <button name="form_contact" type="submit" class="theme-btn btn-style-one"><span class="btn-title">{{ __('Send Message') }}</span></button>
                            </div>
                        </form>
                    </div>

                </div>
            </div>

            <div class="image-column col-lg-6 col-md-12">
                <div class="inner-column">
                    <figure class="image"><img src="{{ asset('uploads/'.$home1_item['s10_photo']) }}" alt=""></figure>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="call-to-action">
    <div class="auto-container">
        <div class="outer-box wow fadeIn">
            <div class="title-box">
                <h2 class="title">
                    {!! nl2br($home1_item['s10_cta_text']) !!}
                </h2>
            </div>
            <div class="btn-box">
                <a href="{{ $home1_item['s10_cta_button_url'] }}" class="theme-btn btn-style-one light"><span class="btn-title">{{ $home1_item['s10_cta_button_text'] }}</span></a>
            </div>
        </div>
    </div>
</section>
@endif
<!-- // Section 10 -->

@endsection