@extends('web.layouts.container')

@section('css')

    <style>
        .services:after{
            background-image: url("{{auth()->user()->company->original_logo ? asset(auth()->user()->company->original_logo) : asset('assets/web/images/logo.png')}}");
        }
    </style>

@endsection

@section('header')
    <header>
        <div class="swiper-head">
            <div class="swiper-wrapper">
                @foreach($sliders as $slide)
                    <div class="swiper-slide">
                        <div class="head-content has-overlay wow fadeIn" style=" background-image: url({{asset($slide->image ?? 'assets/web/images/header.png')}}); ">
                            <div class=" container-fluid ">
                                <div class="row justify-content-center ">
                                    <div class="col-lg-10 ">
                                        <div class="info ">
                                            <div class="content ">
                                                {{--                                                <h2> Try <strong>Iam Nesma</strong> to Grow <br> your Business </h2>--}}
                                                {{--                                                <h2>{{$slide->name}}</h2>--}}
                                                {{--                                                <p>{{$slide->title}}</p>--}}
                                                <h2>{{$slide->title}}</h2>
                                                {{--                                                <div class="social-icons mt-5">--}}
                                                {{--                                                    <a href="#"><i class="fab fa-facebook-f"></i></a>--}}
                                                {{--                                                    <a href="#"><i class="fab fa-twitter"></i></a>--}}
                                                {{--                                                    <a href="#"><i class="fab fa-instagram"></i></a>--}}
                                                {{--                                                </div>--}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next "><span></span></div>
            <div class="swiper-button-prev "><span></span></div>
        </div>

        <div class="container">
            <a href="#" class="scroll-down">
                <span>{{__('main.scroll_down')}}</span>
                <img src="{{asset('assets/web/images/icons/mouse.png')}}" alt="">
            </a>
        </div>
    </header>
@endsection

@section('content')
    <section class="services section-padding">
        <div class="section-head text-center">
            <h2>{{__('main.our_services')}}</h2>
        </div>
        <div class="content">
            <div class="container">
                <div class="row justify-content-center">
                    @foreach($services as $service)
                        <div class="col-lg-4 mb-4 wow fadeInUp">
                            <div class="items text-center">
                                <div class="icons">
                                    <div class="img">
                                        <img src="{{asset($service->image)}}" alt="">
                                    </div>
                                </div>
                                <div class="info">
                                    <h6>{{$service->name}}</h6>
                                    <p>{!! \Illuminate\Support\Str::limit(strip_tags($service->description), 200) !!}</p>
                                    @if($service->url)
                                        <a target="_blank" href="{{$service->url}}">{{__('main.learn_more')}}<i class="fas fa-long-arrow-alt-right"></i></a>
                                    @else
                                        <a href="{{route('category.show', $service->id)}}">{{__('main.learn_more')}}<i class="fas fa-long-arrow-alt-right"></i></a>
                                    @endif

                                </div>
                            </div>
                        </div>
                    @endforeach

                    {{--                    @dd(mb_strlen('To new employees, we congratulate you on becoming the newest members on the Nesma family! Nesma recognizes the profound importance of its people. From the executive offices to our companies'))--}}
                    <div class="col-lg-4 mb-4 wow fadeInUp">
                        <div class="items text-center">
                            <div class="icons">
                                <div class="img">
                                    <img src="{{asset('/assets/web/images/icons/11.png')}}" alt="">
                                </div>
                            </div>
                            <div class="info">
                                <h6>{{__('main.sky_map')}}</h6>
                                <p>{{__('main.sky_map_description')}}</p>
                                <a target="_blank" href="{{settings('sky_map')}}">{{__('main.learn_more')}}<i class="fas fa-long-arrow-alt-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection



@section('inner_js')
    <script>

    </script>
@endsection