@extends('frontend.layouts.app')

@section('content')
<!-- Carousel -->
<div id="main-slide" class="carousel slide" data-ride="carousel">

    <!-- Indicators -->
    <ol class="carousel-indicators visible-lg visible-md">
        @foreach ($sliders as $item)
            @if ($loop->last)
                <li data-target="#main-slide" data-slide-to="{{ $loop->index }}" class="active"></li>
            @else
                <li data-target="#main-slide" data-slide-to="{{ $loop->index }}"></li>
            @endif
        @endforeach
    </ol>
    <!--/ Indicators end-->

    <!-- Carousel inner -->
    <div class="carousel-inner">

        @foreach ($sliders as $item)
            @if ($loop->last)
                <div class="item active">
                    <img src="{{ $item->image }}" alt="" >
                </div>
            @else
            <div class="item">
                <img src="{{ $item->image }}" alt="" >
            </div>
            @endif

        @endforeach
        <!--/ Carousel item 1 end -->

    </div><!-- Carousel inner end-->

    <!-- Controllers -->
    <a class="left carousel-control" href="#main-slide" data-slide="prev">
        <span><i class="fa fa-angle-left"></i></span>
    </a>
    <a class="right carousel-control" href="#main-slide" data-slide="next">
        <span><i class="fa fa-angle-right"></i></span>
    </a>
</div>
<!--/ Carousel end -->

<section class="ts-features">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-xs-12">
                <div class="ts-intro">
                    <h3 class="into-sub-title">{{ __('frontend.aboutUs') }}</h3>

                    {!! str_limit(strip_tags($websiteSetting->about), $limit = 500, $end = '. . . . .') !!}

                </div><!-- Intro box end -->

                <div class="gap-20"></div>

            </div><!-- Col end -->

            <div class="col-md-4 col-xs-12">
                <img src="{{ asset('frontend/images/about.jpg')}}" alt="" >
            </div><!-- Col end -->

            <div class="general-btn text-center">
                <a class="btn btn-primary" href="{{ route('frontend.about' , ['lang'=> App::getLocale()]) }}">{{ __('frontend.readMore') }}</a>
            </div>
        </div><!-- Row end -->
    </div><!-- Container end -->
</section><!-- Feature are end -->

<section class="project-area solid-bg">
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <h3 class="section-sub-title">{{ __('frontend.products') }}</h3>
            </div>
            <div class="col-md-3">
                <div class="general-btn text-center link-all">
                    <a class="btn btn-primary" href="{{ route('frontend.products.categories.index' , ['lang'=> App::getLocale()]) }}">Go To Section</a>
                </div>
            </div>
        </div>
        <!--/ Title row end -->

        <div class="row">
            <div class="isotope">




                @foreach ($products as $item)
                    <div class="col-md-4 col-sm-6 col-xs-12 isotope-item">
                        <div class="isotope-img-container">
                            <a href="{{ route('frontend.products.show' , ['product'=> $item ,'lang'=> App::getLocale() ]) }}">
                                <img class="img-responsive" src="{{ $item->images()->first()->image }}" alt="{{ $item->name }}">
                                <div class="project-item-info">
                                    <div class="project-item-info-content">
                                        <h3 class="title-top">{{ $item->name }}</h3>
                                        <h3 class="project-item-title">
                                            <span class="gallery-icon"><i class="fa fa-arrow-circle-right"></i></span>
                                        </h3>
                                        <!-- <p class="project-cat">Air Filteration</p> -->
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div><!-- Isotope item 3 end -->
                @endforeach




            </div>
        </div><!-- Content row end -->
    </div>
    <!--/ Container end -->
</section><!-- Project area end -->


<section class="news">
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <h3 class="section-sub-title">{{ __('frontend.application') }}</h3>
            </div>
        </div>
        <!--/ Title row end -->

        <div class="row">

            @foreach ($mainApplications as $item)

                <div class="col-md-4 col-xs-12">
                    <div class="latest-post">
                        <a href="{{ route('frontend.applications.show',['application'=> $item,'lang'=> App::getLocale()]) }}" class="latest-post-img">
                            <div class="latest-post-media">
                                <img class="img-responsive" src="{{ $item->image }}" alt="{{ $item->name }}">
                            </div>
                            <div class="post-body">
                                <h4 class="post-title color">{{ $item->name }}</h4>

                                {!! str_limit(strip_tags($item->body), $limit = 150, $end = '. . . . .') !!}

                                <div class="general-btn text-center link-all">
                                    <a class="btn btn-primary" href="{{ route('frontend.applications.show',['application'=> $item, 'lang'=> App::getLocale() ]) }}">{{ __('frontend.readMore') }}</a>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            @endforeach


        </div>
        <!--/ Content row end -->

    </div>
    <!--/ Container end -->
</section>
<!--/ News end -->


    @if (count($partners))
        <section class="content">
            <div class="container">
                <div class="row">
                    <div class="col-md-9">
                        <h3 class="section-sub-title">Partners</h3>
                    </div>
                    <div class="col-md-3">
                        <div class="general-btn text-center link-all">
                            <a class="btn btn-primary" href="{{ route('frontend.partners' , ['lang'=> App::getLocale()]) }}">Go To Section</a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">

                        <div id="testimonial-slide" class="owl-carousel owl-theme testimonial-slide">
                            @foreach ($partners as $item)
                                <div class="item">
                                    <div class="quote-item">
                                        <a href="{{ $item->link }}" target="_blank">
                                            <img class="img-responsive" src="{{ $item->image }}" alt="" />
                                            <h5 class="text-center">{{ $item->name }}</h5>
                                        </a>
                                    </div>
                                </div>
                                <!--/ Item end -->
                            @endforeach

                        </div>
                        <!--/ Testimonial carousel end-->
                    </div><!-- Col end -->
                </div>
                <!--/ Content row end -->
            </div>
            <!--/ Container end -->
        </section><!-- Content end -->
    @endif
@endsection