@extends('layouts.app')

@section('content')
    <!-- slider_area_start -->
    <div class="slider_area">
        <div class="slider_active owl-carousel">

            @foreach ($services as $service)
                <div class="aj-slider" style="background-image: url('{{ asset('storage/' . $service->cover) }}')">

                    <div class="aj-slider-overlay"></div>

                    <div class="container">
                        <div class="row align-items-center justify-content-center">
                            <div class="col-xl-8">
                                <div class="slider_text text-center">
                                    <p>For Personal & Business</p>

                                    <h3>{{ $service->name }}</h3>

                                    @if ($service->description)
                                        <p class="mt-3">
                                            {{ Str::limit(strip_tags($service->description), 120) }}
                                        </p>
                                    @endif

                                    <a class="boxed-btn3 mt-4" href="{{ route('service.show', $service->slug) }}">
                                        View Service
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            @endforeach

        </div>
    </div>
    <!-- slider_area_end -->

    <div class="transportaion_area">
        <div class="container">
            <div class="row">
                @foreach ($Selogan as $seloganItem)
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single_transport">
                            <div class="icon">
                                <img src="{{ asset('storage/' . $seloganItem->icon) }}" alt="">
                            </div>
                            <h3>{{ $seloganItem->name }}</h3>
                            <p>{{ $seloganItem->description }} </p>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>

    <div class="service_area">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="section_title mb-50 text-center">
                        <h3>
                            Services We Offer
                        </h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="service_active owl-carousel">
                        @foreach ($services as $servicesItem)
                            <div class="single_service">
                                <a href="{{ 'service/detail/' . $servicesItem->slug }}">
                                    <div class="thumb">
                                        <img src="{{ asset('storage/' . $servicesItem->cover) }}" alt="">
                                    </div>
                                </a>
                                <div class="service_info">
                                    <h3><a
                                            href="{{ 'service/detail/' . $servicesItem->slug }}">{{ $servicesItem->name }}</a>
                                    </h3>
                                    <p>
                                        {{ Str::limit(strip_tags($servicesItem->description), 120) }}
                                    </p>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- contact_action_area  -->
    <div class="contact_action_area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-7 col-md-6">
                    <div class="action_heading">
                        <h3>100% secure and safe</h3>
                        <p>Your cargo is protected with strict handling procedures and continuous monitoring throughout the
                            delivery process.</p>
                    </div>
                </div>
                <div class="col-xl-5 col-md-6">
                    <div class="call_add_action">
                        <a href="https://wa.me/{{ $SettingWeb->whatsapp }}" class="boxed-btn3">
                            <i class="fa fa-whatsapp"></i>
                            +{{ $SettingWeb->whatsapp }}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /contact_action_area  -->
    <!-- chose_area  -->
    <div class="chose_area ">
        <div class="container">
            <div class="features_main_wrap">
                <div class="row  align-items-center">
                    <div class="col-xl-5 col-lg-5 col-md-6">
                        <div class="about_image">
                            <img src="{{ asset('storage/' . $About->cover) }}" alt="">
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="features_info">
                            <h3>{{ $About->name }}</h3>
                            <p>{!! $About->description !!}
                            </p>

                            <div class="about_btn">
                                <a class="boxed-btn3-line" href="{{ 'about' }}">About Us</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/ chose_area  -->

    <!-- counter_area  -->
    <div class="counter_area">
        <div class="container">
            <div class="offcan_bg">
                <div class="row">
                    @foreach ($Gol as $GolItem)
                        <div class="col-xl-3 col-md-3">
                            <div class="single_counter text-center">
                                <h3> <span class="counter">{{ $GolItem->value }}</span> <span>+</span> </h3>
                                <p>{{ $GolItem->name }}</p>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

        </div>
    </div>
    <!-- /counter_area  -->

    <!-- testimonial_area  -->
    <div class="testimonial_area">
        <div class="container">
            <div class="row">
                <div class="col-xl-7">
                    <div class="testmonial_active owl-carousel">
                        @foreach ($Organization as $Organizationitem)
                            <div class="single_carousel">
                                <div class="single_testmonial text-center">
                                    <div class="quote">
                                        <img src="{{ url('template') }}/img/svg_icon/quote.svg" alt="">
                                    </div>
                                    <p>{{ $Organizationitem->quote }}</p>
                                    <div class="testmonial_author">
                                        <div class="thumb avatar-circle">
                                            <img src="{{ asset('storage/' . $Organizationitem->image) }}"
                                                alt="{{ $Organizationitem->name }}">
                                        </div>
                                        <h3>{{ $Organizationitem->name }}</h3>
                                        <span>{{ $Organizationitem->department }}</span>
                                    </div>

                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /testimonial_area  -->
@endsection