@extends('web.layouts.layout')

@section('header')
<!--Header-->
<header>
    <div class="swiper-head">
        <div class="swiper-wrapper">
            @foreach ($sliderPhotos as $item)
            <div class="swiper-slide">
                <div class="head-content wow fadeIn valign" style=" background-image: url({{ getImage($item->image) }}); ">
                    <div class=" container ">
                        <div class="row ">
                            <div class="col-lg-8 ">
                                <div class="info valign">
                                    <div class="content ">
                                    <h2> {{ $item->currentDescription->title }}</h2>
                                        <a href="{{ $item->url }}" title="{{ $item->currentDescription->title }}" class="butn"><span>  {{ __('main.more') }} <i class="fas fa-chevron-right ml-1"></i> </span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
                
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</header>
<!--End-Header-->
@endsection

@section('content')

<!-- -------------- site-sections ----------------- -->
<section class="cms-sections section-padding text-center">
    <div class="container">
        <div class="row justify-content-center">

            <div class="col-lg-4">
                <a href="{{ route('pages') }}" class="items wow zoomIn">
                    <div class="icon">
                        <i class="far fa-file-alt"></i>
                    </div>
                    <h5>Pages</h5>
                </a>
            </div>

            <div class="col-lg-4">
                <a href="{{ route('articles.categories') }}" class="items wow zoomIn">
                    <div class="icon">
                        <i class="far fa-newspaper"></i>
                    </div>
                    <h5>Articles</h5>
                </a>
            </div>

            <div class="col-lg-4">
                <a href="{{ route('photos.categories') }}" class="items wow zoomIn">
                    <div class="icon">
                        <i class="fas fa-camera-retro"></i>
                    </div>
                    <h5>Photos</h5>
                </a>
            </div>

            <div class="col-lg-4">
                <a href="{{ route('videos.categories') }}" class="items wow zoomIn">
                    <div class="icon">
                        <i class="fas fa-video"></i>
                    </div>
                    <h5>Videos</h5>
                </a>
            </div>

            <div class="col-lg-4">
                <a href="{{ route('websites.categories') }}" class="items wow zoomIn">
                    <div class="icon">
                        <i class="far fa-star"></i>
                    </div>
                    <h5>Important Web sites</h5>
                </a>
            </div>
        </div>
    </div>
</section>
<!-- -------------- banner1 ----------------- -->


@endsection

@section('content_js')

@endsection