@extends('layouts.siteLayouts')



@section('content')
    <!-- Start New News Area -->
    @include('site.home.slider')
    <!-- End New News Area -->

    <!-- Start Quick Access -->
    <section class="quick-access">
        <div class="container">
            <div class="quick-access-carousel owl-carousel owl-theme">
                @foreach($icons as $icon)
                    <div class="item">
                        <div class="quick-access-item-img">
                            <a @if($icon->demo) data-toggle="modal" data-target="#demoModal"
                               @else href="{{$icon->url}}" @endif>
                                <img src="{{url('assets/img/icons/'.$icon->image)}}" alt="{{$icon->name}}">
                            </a>
                        </div>
                        <div class="quick-access-item-label">
                            <a @if($icon->demo) data-toggle="modal" data-target="#demoModal"
                               @else href="{{$icon->url}}" @endif>
                                <span class="title">{{$icon->name}}</span>
                            </a>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- End Quick Access -->

    <!-- Start All Category News Area -->
    <section class="all-category-news ptb-40">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-12 order-lg-1 order-md-2 order-sm-2 order-2">
                    <div class="section-title">
                        <h2> اخبار</h2>
                    </div>

                    <div class="gallery-news-inner-slides owl-carousel owl-theme mb-4">
                        @foreach($news as $new)
                            <div class="blog-box">
                                <div class="d-flex flex-wrap">
                                    <div class="posts-thumb align-self-stretch">
                                        <a href="{{url('post/'.$new->code.'/'.$new->url)}}">
                                            <span class="fullimage thumb-bg1">
                                                <img src="{{url('/assets/post/thumbnail/'.$new->image)}}"
                                                     alt="{{$new->fa_name}}">
                                            </span>
                                        </a>
                                    </div>

                                    <div class="posts-content">
                                        <div class="cat">
                                            <a href="{{url('/search/' . $new->subject->url)}}">{{$new->subject->label}}</a>
                                        </div>

                                        <h3 class="title"><a
                                                href="{{url('post/'.$new->code.'/'.$new->url)}}">{{$new->fa_name}}</a>
                                        </h3>

                                        <div class="posts-meta">
                                            <span class="posts-date">
                                            {{\Morilog\Jalali\Jalalian::forge($new->published_at)->format('Y F j')}}
                                        </span>
                                        </div>

                                        <p class="text-justify">
                                            {!! \Illuminate\Support\Str::words(strip_tags($new->important), 30,'...') !!}
                                        </p>

                                        <a href="{{url('post/'.$new->code.'/'.$new->url)}}"
                                           class="btn btn-primary btn-sm"> بیشتر </a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>

                <div class="col-lg-4 col-md-12 order-lg-2 order-md-1 order-sm-1 order-1 mb-5">
                    @php($mayor = \App\Mayor::first())
                    <div class="introduction-mayor d-flex justify-content-between in-sidebar">
                        <div>
                            <div class="name">{{$mayor->name}}</div>
                            <div class="desc pl-2">
                                {{$mayor->curt}}
                            </div>
                        </div>
                        <div>
                            <div class="avatar-mayor">
                                <a href="{{url('/mayor')}}">
                                    <img class="small"
                                         src="{{$mayor->image != null ? url('/assets/img/'.$mayor->image) : url('/assets/img/theme/preview.svg')}}"
                                         alt="{{$mayor->name}}">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="mb-4" style="text-align: right;">
                        <a href="{{url('/mayor')}}" class="btn btn-primary" style="padding: 4px 6px;">بیشتر
                            بخوانید</a>
                    </div>
                    @if($banner)
                        <div>
                            <a href="{{$banner->url}}">
                                <img src="{{url('assets/img/icons/'.$banner->image)}}" class="img-fluid"
                                     alt="{{$banner->name}}">
                            </a>
                        </div>
                    @endif
                    @include('site.side')
                </div>
            </div>
        </div>
    </section>
    <!-- End All Category News Area -->

    <div class="tab-content--article pt-3">
        <div class="container container-w-cs-2">
            <div class="ah-tab-wrapper">
                <div class="ah-tab">
                    @foreach($lists as $list)
                        @if($list->type == 'tab' && \App\Lists::postShow($list)->count() > 0)
                            <a class="ah-tab-item" @if($loop->first) data-ah-tab-active="true"
                               @endif href="">{{$list->name}}</a>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
        <div class="patternBG"></div>
        <div class="patternBGB"></div>
        <div class="container">
            <div class="ah-tab-content-wrapper">
                @foreach($lists as $list)
                    @if($list->type == 'tab')
                        <div class="ah-tab-content" @if($loop->first) data-ah-tab-active="true" @endif>
                            <div class="row">
                                @php($posts =\App\Lists::postShow($list))
                                @foreach($posts->take(4)->get() as $post)
                                    <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                                        <article class="news-item">
                                            <a href="{{url('post/'.$post->code.'/'.$post->url)}}">
                                                <div class="thumbnail"
                                                     style="background: url('{{url('/assets/post/'.$post->image)}}');">
                                                </div>
                                                <h3 class="news-title">{{$post->fa_name}} </h3>
                                                <p class="news-text"> {{ \Illuminate\Support\Str::words(strip_tags($post->important), 30,'...') }}</p>
                                                <span class="news-date"><i
                                                        class="mdi mdi-calendar-edit"></i> {{\Morilog\Jalali\Jalalian::forge($post->published_at)->format('Y F j')}}</span>
                                                <span class="news-view"><i class="mdi mdi-eye"></i> {{number_format($post->view)}} بازدید</span>
                                            </a>
                                        </article>
                                    </div>
                                @endforeach

                                @foreach($posts->skip(4)->take(4)->get() as $post)
                                    <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                                        <article class="news-item without-thumbnail">
                                            <a href="{{url('post/'.$post->code.'/'.$post->url)}}">
                                                <h3 class="news-title">{{$post->fa_name}} </h3>
                                                <p class="news-text"> {{ \Illuminate\Support\Str::words(strip_tags($post->important), 30,'...') }} </p>
                                                <span class="news-date"><i
                                                        class="mdi mdi-calendar-edit"></i> {{\Morilog\Jalali\Jalalian::forge($post->published_at)->format('Y F j')}}</span>
                                                <span class="news-view"><i class="mdi mdi-eye"></i> {{number_format($post->view)}} بازدید</span>
                                            </a>
                                        </article>
                                    </div>
                                @endforeach

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

    <!-- Start Most Popular News Area -->
    @foreach($lists as $list)
        @if ($list->type == 'news-horizontal')
            <section class="popular-news-area ptb-40">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <div class="section-title">
                                <h2>{{$list->name}}</h2>
                            </div>

                            <div class="row">
                                <div class="popular-news-slides owl-carousel owl-theme">
                                    @php($posts =\App\Lists::postShow($list)->take(12)->get())
                                    @foreach($posts as $post)
                                        <div class="col-lg-12 col-md-12">
                                            <div class="single-popular-news">
                                                <div class="news-image">
                                                    <img class="lazyload" src="{{url('assets/loader/loading.png')}}"
                                                         data-src="{{url('/assets/post/'.$post->image)}}"
                                                         alt="{{$post->fa_name}}">
                                                </div>

                                                <div class="news-content">
                                                    <h3>{{$post->fa_name}}</h3>

                                                    <span><i class="icofont-calendar"></i> تاریخ: {{\Morilog\Jalali\Jalalian::forge($post->published_at)->format('Y F j')}}</span>
                                                </div>

                                                <a href="{{url('post/'.$post->code.'/'.$post->url)}}"
                                                   class="link-overlay"></a>

                                                <div class="tags bg-2">
                                                    <a href="{{url('/search/' . $post->subject->url)}}">{{$post->subject->label}}</a>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @elseif($list->type == 'news-vertical')
            <section class="technology-area pb-40">
                <div class="container">
                    <div class="section-title">
                        <h2>{{$list->name}}</h2>
                    </div>

                    <div class="row">
                        @php($posts =\App\Lists::postShow($list)->latest()->first())
                        <div class="col-lg-6 col-md-12">
                            <div class="single-technology-news">
                                <img class="lazyload" src="{{url('assets/loader/loading.png')}}"
                                     data-src="{{url('/assets/post/'.$post->image)}}"
                                     alt="{{$post->fa_name}}">

                                <div class="news-content">
                                    <ul>
                                        <li>
                                            <i class="icofont-calendar"></i> {{\Morilog\Jalali\Jalalian::forge($post->published_at)->format('Y F j')}}
                                        </li>
                                    </ul>
                                    <h3><a href="{{url('post/'.$post->code.'/'.$post->url)}}">{{$post->fa_name}}</a>
                                    </h3>
                                </div>

                                <div class="tags">
                                    <a href="{{url('/search/' . $post->subject->url)}}">{{$post->subject->label}}</a>
                                </div>
                            </div>
                        </div>
                        @php($posts = \App\Lists::postShow($list)->skip(1)->take(4)->get())
                        <div class="col-lg-6 col-md-12">
                            <div class="space-news-list">
                                @foreach($posts as $post)
                                    <div class="single-space-news">
                                        <h3><a href="{{url('post/'.$post->code.'/'.$post->url)}}">{{$post->fa_name}}</a>
                                        </h3>

                                        <ul>
                                            <li>
                                                <i class="icofont-clock-time"></i> {{\Morilog\Jalali\Jalalian::forge($post->published_at)->format('Y F j')}}
                                            </li>
                                            <li><i class="icofont-tag"></i> <a
                                                    href="{{url('/search/' . $post->subject->url)}}">{{$post->subject->label}}</a>
                                            </li>
                                        </ul>
                                    </div>
                                @endforeach
                            </div>
                        </div>


                    </div>
                </div>
            </section>
        @elseif($list->type == 'image')
            <section class="gallery-news-area ptb-40">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <div class="gallery-news">
                                <div class="section-title">
                                    <h2>{{$list->name}}</h2>
                                </div>
                                @php($posts = \App\Lists::postShow($list)->take(12)->get())
                                <div class="gallery-news-inner-slides owl-carousel owl-theme">
                                    @foreach($posts as $post)
                                        <div class="row align-items-center m-0">
                                            <div class="col-lg-6 col-md-6 p-0">
                                                <div class="gallery-news-content">
                                                    <h3><a href="{{url('post/'.$post->code.'/'.$post->url)}}"><i
                                                                class="icofont-camera-alt"></i>{{$post->subject->label}}
                                                        </a></h3>
                                                    <p>{{$post->fa_name}}</p>
                                                    <div class="text-justify">
                                                        {!! $post->important !!}
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-lg-6 col-md-6 p-0">
                                                <div class="gallery-news-image">
                                                    <img src="{{url('/assets/post/'.$post->image)}}"
                                                         alt="{{$post->fa_name}}">
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif
    @endforeach
    <!-- End Most Popular News Area -->



    <!-- Start Most Popular News Area -->
    @if(count($galleries))
        <section class="popular-news-area ptb-40">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12">
                        <div class="section-title">
                            <h2>گزارشات تصویری</h2>
                        </div>

                        <div class="row">
                            <div class="popular-news-slides owl-carousel owl-theme">
                                @foreach($galleries as $gallery)
                                    <div class="col-lg-12 col-md-12">
                                        <div class="single-popular-news">
                                            <div class="news-image">
                                                <img src="{{url('/assets/img/gallery/'.$gallery->image)}}" alt="{{$gallery->name}}">
                                            </div>

                                            <div class="news-content">
                                                <h3>{{$gallery->name}}</h3>

                                                <span><i class="icofont-calendar"></i> تاریخ: {{\Morilog\Jalali\Jalalian::forge("{$gallery->created_at}")->format('Y F j')}}</span>
                                            </div>

                                            <a href="{{url('/gallery/'.$gallery->code)}}" class="link-overlay"></a>
                                            
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
        </section>
        <!-- End Most Popular News Area -->
    @endif
    <!-- Modal -->
    <div id="demoModal" class="modal fade" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body" style="text-align: right">
                    <p>این قسمت در دست تکمیل است.</p>
                </div>
            </div>

        </div>
    </div>
@endsection