@extends('site.pages.build')
@section('title',__('dil.bloglar'))
@push('css')
    <style>
        .news_timeline>li.news_timeline_inverted{
            margin-top: 130px;
        }
    </style>
@endpush
@section('content')
    <div class="row_header">

        <div id="c2247" class="ce_element ce_id_2247 fr_default sb_ sa_">
            <div class="static_header back_resource back_resource_2247">
                <style type="text/css" scoped="scoped">
                    .back_resource_2247 {
                        background-image: url("/storage/{{ \App\Models\Admin\Component::first()->blogs_bg }}");
                        height: 300px;
                    }
                    @media (max-width: 1200px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->blogs_bg }}");
                        }
                    }
                    @media (max-width: 768px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->blogs_bg }}");
                        }
                    }
                    @media (max-width: 480px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->blogs_bg }}");
                        }
                    }
                    @media (max-width: 360px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->blogs_bg }}");
                        }
                    }
                </style>
                <div class="container">
                    <div class="static_header_txt static_header_p1 static_header_c1 static_header_o1"><div class="headline_title">{{ __('dil.bloglar') }}</div></div>
                </div>
            </div>
        </div>
    </div>

    <div class="row_breadcrumb"><ul class="breadcrumb"><li class="first"><a href="/">{{ __('dil.anaSayfa') }}</a></li><li class="last">{{ __('dil.bloglar') }}</li></ul></div>



    <div class="row_content">
        <div class="container_x">
            <!--TYPO3SEARCH_begin-->

            <div id="c2245" class="ce_element ce_id_2245 fr_default sb_ sa_">
                <div class="theme_bs_container outer_container container_template_0 flex_0">
                    <div class="container">
                        <div class="news">
                            <!--TYPO3SEARCH_end-->
                            <div class="news-list-view news_list_template_2" id="news-container-2244">
                                <ul class="news_timeline">

                                    @foreach($blogs as $key => $blog)
                                        @if($key % 2 == 0)
                                            <li class="news-list-item">
                                                <div class="news_timeline_badge primary">
                                                    <a><i class="glyphicon glyphicon-record"></i></a>
                                                </div>
                                                <div class="news_timeline_panel">
                                                    <a title="{{ $blog->name }}" href="{{ route('site.bloglar.show',$blog->slug) }}">
                                                        <div>
                                                            <img
                                                                class="img-responsive"
                                                                src="/storage/{{ $blog->image }}"
                                                                width="650"
                                                                height="380"
                                                            />
                                                        </div>
                                                    </a>
                                                    <div class="news_timeline_text articletype-0" itemscope="itemscope" itemtype="http://schema.org/Article">
                                                        <h3 class="news_headline" itemprop="headline">
                                                            <a title="{{ $blog->name }}" href="{{ route('site.bloglar.show',$blog->slug) }}">
                                                                {{ $blog->name }}
                                                            </a>
                                                        </h3>
                                                        <!-- teaser -->
{{--                                                        <div class="news_teaser" itemprop="description"><p>Surface Inspection and analysis sytem order for four new production lines</p></div>--}}
                                                        <a class="btn btn-default btn-read-more" title="{{ $blog->name }}" href="{{ route('site.bloglar.show',$blog->slug) }}">
                                                            {{ __('dil.devaminiOku') }}
                                                        </a>
                                                    </div>
                                                </div>
                                            </li>
                                        @else
                                            <li class="news-list-item news_timeline_inverted">
                                                <div class="news_timeline_badge primary">
                                                    <a><i class="glyphicon glyphicon-record invert"></i></a>
                                                </div>
                                                <div class="news_timeline_panel">
                                                    <a title="{{ $blog->name }}" href="{{ route('site.bloglar.show',$blog->slug) }}">
                                                        <div>
                                                            <img
                                                                class="img-responsive"
                                                                src="/storage/{{ $blog->image }}"
                                                                width="712"
                                                                height="401"
                                                            />
                                                        </div>
                                                    </a>
                                                    <div class="news_timeline_text articletype-0" itemscope="itemscope" itemtype="http://schema.org/Article">
                                                        <h3 class="news_headline" itemprop="headline">
                                                            <a title="{{ $blog->name }}" href="{{ route('site.bloglar.show',$blog->slug) }}">
                                                                {{ $blog->name }}
                                                            </a>
                                                        </h3>
                                                        <!-- teaser -->
{{--                                                        <div class="news_teaser" itemprop="description"><p>You were unable to attend a particular trade show or conference?</p></div>--}}
                                                        <a class="btn btn-default btn-read-more" title="{{ $blog->name }}" href="{{ route('site.bloglar.show',$blog->slug) }}">
                                                            {{ __('dil.devaminiOku') }}
                                                        </a>
                                                    </div>
                                                </div>
                                            </li>
                                        @endif
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection