@extends('user-front.layout')

@section('tab-title')
    {{ $keywords['Home'] ?? 'Home' }}
@endsection
@php
    Config::set('app.timezone', $userBs->timezoneinfo->timezone);
@endphp
@section('meta-description', !empty($userSeo) ? $userSeo->home_meta_description : '')
@section('meta-keywords', !empty($userSeo) ? $userSeo->home_meta_keywords : '')

@section('content')
    <!--====== BANNER PART START ======-->
    <section class="banner-slide-3">
        @if (count($sliders) > 0)
            @foreach ($sliders as $slider)
                <div class="banner-area banner-area-4">
                    <div class=" bg_cover lazy" data-bg="{{ asset('assets/front/img/hero_slider/' . $slider->img) }}">
                        <div class="banner-overlay d-flex align-items-center">
                            <div class="container">
                                <div class="row justify-content-center">
                                    <div class="col-lg-9">
                                        <div class="banner-content text-center">
                                            <h1 data-animation="fadeInUp" data-delay=".3s" class="title">
                                                {{ $slider->title }}</h1>
                                            <p data-animation="fadeInUp" data-delay=".9s">{{ $slider->subtitle }}</p>

                                            <ul>
                                                @if (!empty($slider->btn_url))
                                                    <li><a data-animation="fadeInLeft" data-delay="1.5s" class="main-btn"
                                                            href="{{ $slider->btn_url }}">{{ $slider->btn_name }} <i
                                                                class="flaticon-arrow-pointing-to-right"></i></a>
                                                    </li>
                                                @endif
                                            </ul>
                                        </div> <!-- banner content -->
                                    </div>
                                </div> <!-- row -->
                            </div> <!-- container -->
                        </div>
                    </div>
                </div>
            @endforeach
        @else
           
            <div class="banner-area banner-area-4 bg_cover lazy"
                data-bg="{{ asset('assets/front/img/static/industry/hero.jpg') }}">
                <div class="banner-overlay d-flex align-items-center">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-9">
                                <div class="banner-content text-center">
                                    <h1 data-animation="fadeInUp" data-delay=".3s" class="title">Industrial
                                        Services Provider Agency</h1>
                                    <p data-animation="fadeInUp" data-delay=".9s">Lorem ipsum dolor sit amet consectetur
                                        adipisicing elit sed do eiusmod tempor incidide unt ut labore et dolore magna
                                        aliqua. Ut enim ad minim veniam </p>

                                    <ul>
                                        <li><a data-animation="fadeInLeft" data-delay="1.5s" class="main-btn"
                                                href="#">read more <i
                                                    class="flaticon-arrow-pointing-to-right"></i></a>
                                        </li>
                                    </ul>
                                </div> <!-- banner content -->
                            </div>
                        </div> <!-- row -->
                    </div> <!-- container -->
                </div>
            </div>
            <style>
                .banner-slide-3::after {
                    display: none;
                }
            </style>
        @endif
    </section>
    <!--====== BANNER PART ENDS ======-->
    @if (isset($home_sections->work_process_section) && $home_sections->work_process_section == 1)
        <!--====== Work Process PART START ======-->
        <section class="about-us-area pt-145 pb-130">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="about-content mt-30">
                            @isset($home_text->work_process_section_title)
                                <h3 class="title">{{ $home_text->work_process_section_title }}</h3>
                            @endisset
                            <p>{{ $home_text->work_process_section_text ?? '' }}
                            </p>
                            @if (!empty($home_text->work_process_btn_url))
                                <a class="main-btn" target="_blank"
                                    href="{{ $home_text->work_process_btn_url }}">{{ $home_text->work_process_btn_txt ?? '' }}
                                    <i class="flaticon-arrow-pointing-to-right"></i></a>
                            @endif
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="row">
                            @foreach ($work_processes as $key => $work_process)
                                <div class="col-lg-6 col-md-6 col-sm-6">
                                    <div class="about-features mt-30">
                                        <i class="{{ $work_process->icon }}"></i>
                                        <h5 class="title">{{ $work_process->title }}</h5>
                                        @if (!empty($work_process->text))
                                            <p>{!! strlen(strip_tags($work_process->text)) > 80
                                                ? mb_substr(strip_tags($work_process->text), 0, 80, 'UTF-8') . '...'
                                                : strip_tags($work_process->text) !!}</p>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====== Work Process PART ENDS ======-->
    @endif
    @if (isset($home_sections->video_section) && $home_sections->video_section == 1)
        @php
            $videoBg = $videoSectionDetails->video_section_image ?? 'video_bg.jpg';
        @endphp
        <!--====== VIDEO PART START ======-->
        <section class="video-area">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="video-thumb">
                            <img data-src="{{ asset('assets/front/img/user/home_settings/' . $videoBg) }}" class="lazy"
                                alt="video">
                            <div class="video-overlay">
                                @if (!empty($videoSectionDetails->video_section_url))
                                    <a class="video-popup" href="{{ $videoSectionDetails->video_section_url }}"><i
                                            class="fas fa-play"></i></a>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="video-content">
                            <h3 class="title">{{ $videoSectionDetails->video_section_title ?? '' }}</h3>
                            <p>{{ $videoSectionDetails->video_section_text ?? '' }}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="video-dot">
                <img src="assets/front/img/theme7/video-dot.png" alt="dot">
            </div>
        </section>
        <!--====== VIDEO PART ENDS ======-->
    @endif
    @if (isset($home_sections->counter_info_section) && $home_sections->counter_info_section == 1)
        <!--====== COUNTER 4 PART START ======-->
        <div class="counter-4-area gray-bg">
            <div class="container">
                <div class="row">
                    @foreach ($counterInformations as $key => $counterInformation)
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="progress-counter mt-30">
                                <div class="history-progress text-center">
                                    <div class="circle"></div>
                                    <h2 class="title"><span class="counter">{{ $counterInformation->count }}</span></h2>
                                    <p>{{ $counterInformation->title }}</p>
                                    <i class="{{ $counterInformation->icon }}"></i>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        <!--====== COUNTER 4 PART ENDS ======-->
    @endif
    <!--====== OUR SERVICES PART START ======-->
    @if (in_array('Service', $packagePermissions) &&
            isset($home_sections->featured_services_section) &&
            $home_sections->featured_services_section == 1)
        <section class="our-services-4-area">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-title-4 text-center">
                            <h2 class="title">{{ $home_text->service_title ?? '' }}</h2>
                            <p>{{ $home_text->service_subtitle ?? '' }}</p>
                        </div>
                    </div>
                </div>
                <div class="row services-active owl-carousel">
                    @foreach ($services as $service)
                        <div class="col-lg-12">
                            <div class="single-services mt-30">
                                <div class="services-thumb">
                                    <a @if ($service->detail_page == 1) href="{{ route('front.user.service.detail', [getParam(), 'slug' => $service->slug, 'id' => $service->id]) }}" @endif
                                        class="d-block">
                                        <img src="{{ isset($service->image) ? asset('assets/front/img/user/services/' . $service->image) : asset('assets/front/img/theme7/our-services-4.png') }}"
                                            alt="services">
                                        <i class="{{ $service->icon }}"></i>
                                    </a>
                                </div>
                                <div class="services-content text-center">
                                    <a
                                        @if ($service->detail_page == 1) href="{{ route('front.user.service.detail', [getParam(), 'slug' => $service->slug, 'id' => $service->id]) }}" @endif>
                                        <h4 class="title">{{ $service->name }}</h4>
                                    </a>
                                    <p>{!! strlen(strip_tags($service->content)) > 80
                                        ? mb_substr(strip_tags($service->content), 0, 80, 'UTF-8') . '...'
                                        : strip_tags($service->content) !!}</p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    @endif
    <!--====== OUR SERVICES PART ENDS ======-->


    @if (in_array('Portfolio', $packagePermissions) &&
            isset($home_sections->portfolio_section) &&
            $home_sections->portfolio_section == 1)
        <!--====== PORTFOLIO PART START ======-->
        <section class="portfolio-area">
            <div class="container-fluid p-0">
                <div class="row no-gutters">
                    @foreach ($portfolios as $portfolio)
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="portfolio-item">
                                <img class="lazy"
                                    data-src="{{ asset('assets/front/img/user/portfolios/' . $portfolio->image) }}"
                                    alt="portfolio">
                                <div class="portfolio-overlay">
                                    <div class="portfolio-content text-center">
                                        <a
                                            href="{{ route('front.user.portfolio.detail', [getParam(), $portfolio->slug, $portfolio->id]) }}"><i
                                                class="fas fa-plus"></i></a>
                                        <h4 class="title">
                                            {{ strlen($portfolio->title) > 25 ? mb_substr($portfolio->title, 0, 25, 'UTF-8') . '...' : $portfolio->title }}
                                        </h4>
                                        <span>{{ $portfolio->bcategory->name }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
        <!--====== PORTFOLIO PART ENDS ======-->
    @endif
    @if (in_array('Team', $packagePermissions) &&
            isset($home_sections->team_members_section) &&
            $home_sections->team_members_section == 1)
        <!--====== TEAM 4 PART START ======-->
        <section class="team-4-area">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-title-4 text-center">
                            @isset($home_text->team_section_title)
                                <h2 class="title">{{ $home_text->team_section_title ?? '' }}</h2>
                            @endisset
                            <p>{{ $home_text->team_section_subtitle ?? '' }}</p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    @foreach ($teams as $team)
                        <div class="col-lg-4 col-md-6 col-sm-8">
                            <div class="single-team mt-30">
                                <div class="team-thumb">
                                    <img class="lazy"
                                        data-src="{{ asset('/assets/front/img/user/team/' . $team->image) }}"
                                        alt="team">
                                </div>
                                <div class="team-content">
                                    <span>{{ convertUtf8($team->rank) }}</span>
                                    <h5 class="title">{{ convertUtf8($team->name) }}</h5>
                                    <ul>
                                        @isset($team->facebook)
                                            <li><a href="{{ $team->facebook }}" target="_blank"><i
                                                        class="fab fa-facebook-f"></i></a></li>
                                        @endisset
                                        @isset($team->twitter)
                                            <li><a href="{{ $team->twitter }}" target="_blank"><i
                                                        class="fab fa-twitter"></i></a>
                                            </li>
                                        @endisset
                                        @isset($team->instagram)
                                            <li><a href="{{ $team->instagram }}" target="_blank"><i
                                                        class="fab fa-instagram"></i></a></li>
                                        @endisset
                                        @isset($team->linkedin)
                                            <li><a href="{{ $team->linkedin }}" target="_blank"><i
                                                        class="fab fa-linkedin"></i></a></li>
                                        @endisset

                                    </ul>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
        <!--====== TEAM 4 PART ENDS ======-->
    @endif


    <!--====== FAQ and testimonial PART START ======-->
    <section class="faq-area">
        <div class="container-fluid">
            <div class="row justify-content-between">
                @if (isset($home_sections->testimonials_section) && $home_sections->testimonials_section == 1)
                    @php
                        $tstmBg = $home_text->testimonial_image ?? 'testimonial_bg_3.jpg';
                    @endphp
                    <div class="col-lg-5 col-md-5">
                        <div class="faq-clients-item">
                            <div class="clients-title">
                                @if (!empty($home_text->testimonial_title))
                                    <h3 class="title">{{ $home_text->testimonial_title }}</h3>
                                @endif
                                <p>{{ $home_text->testimonial_subtitle ?? null }}</p>
                            </div>
                            <div class="clients-active">
                                @foreach ($testimonials as $testimonial)
                                    <div class="single-clients">

                                        <p>{{ replaceBaseUrl($testimonial->content) }}</p>
                                        <div class="clients-user d-flex align-items-center">
                                            <div class="clients-thumb">
                                                <img class="lazy"
                                                    data-src="{{ asset('assets/front/img/user/testimonials/' . $testimonial->image) }}"
                                                    alt="clients">
                                            </div>
                                            <div class="clients-info">
                                                <h5 class="title">{{ convertUtf8($testimonial->name) }}</h5>
                                                <span>{{ convertUtf8($testimonial->occupation) ?? null }}</span>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif
                @if (isset($home_sections->faq_section) && $home_sections->faq_section == 1)
                    <div class="col-lg-6 col-md-6">
                        <div class="faq-item">
                            <div class="faq-title">
                                @isset($home_text->faq_section_title)
                                    <h3 class="title">{{ $home_text->faq_section_title }}</h3>
                                @endisset
                                <p>{{ !empty($home_text->faq_section_subtitle) ? $home_text->faq_section_subtitle : null }}
                                </p>
                            </div>
                            <div class="faq-accordion">
                                <div class="accordion" id="accordionExample">
                                    @foreach ($faqs as $key => $faq)
                                        <div class="card">
                                            <div class="card-header" id="heading{{ $faq->id }}">
                                                <a class="" href="" data-toggle="collapse"
                                                    data-target="#collapse{{ $faq->id }}" aria-expanded="true"
                                                    aria-controls="collapse{{ $faq->id }}">
                                                    <i
                                                        class="far fa-{{ $key == 0 ? 'minus' : 'plus' }}"></i>{{ $faq->question }}
                                                </a>
                                            </div>

                                            <div id="collapse{{ $faq->id }}"
                                                class="collapse {{ $key == 0 ? 'show' : '' }}"
                                                aria-labelledby="heading{{ $faq->id }}"
                                                data-parent="#accordionExample">
                                                <div class="card-body">
                                                    <p>{{ $faq->answer }}
                                                    </p>
                                                </div>
                                            </div>
                                        </div> <!-- card -->
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </section>

    <!--====== FAQ PART ENDS ======-->
    <!--====== contact START ======-->
    @if (isset($home_sections->contact_section) && $home_sections->contact_section == 1)
        <section class="quote-area">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-title-4 text-center">
                            @isset($home_text->contact_section_title)
                                <h2 class="title">{{ $home_text->contact_section_title }}</h2>
                            @endisset
                            <p>{{ $home_text->contact_section_subtitle ?? null }}</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-7">
                        <div class="quote-form">
                            <form action="{{ route('front.contact.message', getParam()) }}" method="POST"
                                enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="id" value="{{ $user->id }}">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="input-box mt-30">
                                            <input type="text" placeholder="{{ $keywords['Name'] ?? 'Name' }}"
                                                name="fullname">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="input-box mt-30">
                                            <input type="email"
                                                placeholder="{{ $keywords['Email_Address'] ?? 'Email Address' }}"
                                                name="email">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="input-box mt-30">
                                            <input type="text" placeholder="{{ $keywords['Subject'] ?? 'Subject' }}"
                                                name="subject">
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="input-box mt-30">
                                            <textarea name="message" id="#" cols="30" rows="10"
                                                placeholder="{{ $keywords['Message'] ?? 'Message' }}"></textarea>
                                            <button class="main-btn"
                                                type="submit">{{ $keywords['Send_Message'] ?? 'Send Message' }} <i
                                                    class="flaticon-arrow-pointing-to-right"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="quote-thumb d-none d-lg-inline-block">
                            <img data-src="{{ !empty($home_text->contact_section_image) ? asset('assets/front/img/user/home_settings/' . $home_text->contact_section_image) : asset('assets/front/img/theme7/quote-thumb.jpg') }}"
                                class="lazy" alt="quote">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
    <!--====== contact ENDS ======-->
    <!--====== CTA PART START ======-->
    @if (in_array('Request a Quote', $packagePermissions))
        @if ($userBs->is_quote)
            <section class="cta-area pb-130 pt-150">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="cta-item text-center">
                                @isset($home_text->quote_section_title)
                                    <h2 class="title">{{ $home_text->quote_section_title }}</h2>
                                @endisset
                                <p>{{ !empty($home_text->quote_section_subtitle) ? $home_text->quote_section_subtitle : null }}
                                </p>
                                <a href="{{ route('front.user.quote', getParam()) }}"
                                    class="main-btn">{{ $keywords['Request_A_Quote'] ?? 'Request A Quote' }} <i
                                        class="far fa-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif
    @endif

    <!--====== CTA PART ENDS ======-->
    @if (in_array('Blog', $packagePermissions) && isset($home_sections->blogs_section) && $home_sections->blogs_section == 1)
        <!--====== BLOG 4 PART START ======-->
        <section class="blog-4-area gray-bg pb-130">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-lg-6 col-md-7">
                        <div class="section-title-4 text-left">
                            @if (!empty($home_text->blog_title))
                                <h2 class="title">{{ $home_text->blog_title }}</h2>
                            @endif
                            <p>{{ $home_text->blog_subtitle ?? null }}</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-5">
                        <div class="blog-title-btn text-left text-md-right">
                            <a class="main-btn"
                                href="{{ route('front.user.blogs', getParam()) }}">{{ $home_text->view_all_blog_text ?? 'View All' }}
                                <i class="far fa-long-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    @foreach ($blogs as $blog)
                        @if ($loop->last)
                            @continue
                        @endif
                        <div class="col-lg-6">
                            <div class="single-blog bg-white mt-30">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                        <div class="blog-thumb">
                                            <img class="lazy"
                                                data-src="{{ asset('assets/front/img/user/blogs/' . $blog->image) }}"
                                                alt="blog">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                        <div class="blog-content">
                                            <ul>
                                                <li><i class="far fa-user"></i> {{ $blog->bcategory->name }}</li>
                                                <li><i class="far fa-calendar-alt"></i>
                                                    {{ \Carbon\Carbon::parse($blog->created_at)->toFormattedDateString() }}
                                                </li>
                                            </ul>
                                            <h4 class="title">{{ $blog->title }}</h4>
                                            <p>
                                                {!! strlen(strip_tags($blog->content)) > 80
                                                    ? mb_substr(strip_tags($blog->content), 0, 80, 'UTF-8') . '...'
                                                    : strip_tags($blog->content) !!}
                                            </p>
                                            <a href="{{ route('front.user.blog.detail', [getParam(), $blog->slug, $blog->id]) }}"
                                                class="main-btn">{{ $keywords['Learn_More'] ?? 'Learn More' }} <i
                                                    class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
        <!--====== BLOG 4 PART ENDS ======-->
    @endif
@endsection