@extends('web.layouts.container')

@section('header')

    @if(count($sliders))
        <div class="head_slider swiper-container">
            <div class="swiper-wrapper">
                @foreach($sliders as $slider)
                    <div class="swiper-slide">
                        <div class="items" style="background-image: url({{asset($slider->image)}})">
                            <div class="container">
                                <div class="row justify-content-center">
                                    <div class="col-lg-7">
                                        <div class="info">
                                            <h1>
                                                @if($loop->iteration == 1)
                                                    <span>Too</span> many players in the industry Tough <span>Competition</span>
                                                @endif
                                                    @if($loop->iteration == 2)
                                                        <span>MEA</span> turned to be either black box or red <span>zones</span>
                                                    @endif
                                                    @if($loop->iteration == 3)
                                                        <span>Industry</span> players #1 Priority
                                                    @endif
                                                    @if($loop->iteration == 4)
                                                        <span>There</span> is no market domination <span>anymore</span>
                                                    @endif
                                                    @if($loop->iteration == 5)
                                                        <span>Shares</span> are getting lost rapidly
                                                    @endif
                                            </h1>
                                            <a href="{{route('about')}}">Discover More</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    @endif
    <div class="btm_head">
        <div class="container-fluid">
            <div class="socails">
                <a target="_blank" href="{{isset($settings['facebook']) ? $settings['facebook'] : '#'}}">
                    <img src="{{asset('assets/web/images/icons/facebook.svg')}}" alt="">
                </a>
                <a target="_blank" href="{{isset($settings['twitter']) ? $settings['twitter'] : '#'}}">
                    <img src="{{asset('assets/web/images/icons/twitter1.svg')}}" alt="">
                </a>
                <a target="_blank" href="{{isset($settings['linkedin']) ? $settings['linkedin'] : '#'}}">
                    <img src="{{asset('assets/web/images/icons/linkedin-2.svg')}}" alt="">
                </a>
            </div>
        </div>
    </div>
@endsection

@section('inner_js')

@endsection