@extends('site.pages.build')
@section('title',__('dil.etkinlikler'))
@section('content')
    <div class="row_header">

        <div id="c2278" class="ce_element ce_id_2278 fr_default sb_ sa_">
            <div class="static_header back_resource back_resource_2278">
                <style type="text/css" scoped="scoped">
                    .back_resource_2278 {
                        background-image: url("/storage/{{ \App\Models\Admin\Component::first()->events_bg }}");
                        height: 300px;
                    }
                    @media (max-width: 1200px) {
                        .back_resource_2278 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->events_bg }}");
                        }
                    }
                    @media (max-width: 768px) {
                        .back_resource_2278 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->events_bg }}");
                        }
                    }
                    @media (max-width: 480px) {
                        .back_resource_2278 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->events_bg }}");
                        }
                    }
                    @media (max-width: 360px) {
                        .back_resource_2278 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->events_bg }}");
                        }
                    }
                </style>
                <div class="container"><div class="static_header_txt static_header_p5 static_header_c1 static_header_o1"></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.etkinlikler') }}</li>
        </ul>
    </div>
    <div class="row_content">
        <div class="container_x">
            <!--TYPO3SEARCH_begin-->

            <div id="c5473" class="ce_element ce_id_5473 fr_default sb_ sa_3">
                <div class="theme_bs_container outer_container container_template_0 flex_0"><div class="container"></div></div>
            </div>

            <div id="c5471" class="ce_element ce_id_5471 fr_default sb_ sa_">
                <div class="theme_bs_container outer_container container_template_0 flex_0">
                    <div class="container">
                        <div class="news">
                            <!--TYPO3SEARCH_end-->
                            <form id="mainForm" action="{{ route('site.etkinlikler.index') }}"></form>
                            <div style="display: flex;gap: 1rem">
                                <div style="width: 100%">
                                    <label>{{ __('dil.siralamaTuru') }}</label>
                                    <select class="form-control" form="mainForm" name="date">
                                        <option @if(isset($_GET['date']) && $_GET['date'] == 'asc') selected @endif value="asc">{{ __('dil.tariheGoreArtan') }}</option>
                                        <option @if(isset($_GET['date']) && $_GET['date'] == 'desc') selected @endif value="desc">{{ __('dil.tariheGoreAzalan') }}</option>
                                    </select>
                                </div>
                                <div style="width: 100%">
                                    <label>{{ __('dil.baslangicTarihi') }}</label>
                                    <input class="form-control" type="date" form="mainForm" name="min_date" value="{{ isset($_GET['min_date']) ? $_GET['min_date'] : '' }}">
                                </div>
                                <div style="width: 100%">
                                    <label>{{ __('dil.bitisTarihi') }}</label>
                                    <input class="form-control" type="date" form="mainForm" name="max_date" value="{{ isset($_GET['max_date']) ? $_GET['max_date'] : '' }}">
                                </div>
                                <div style="margin-top: 3rem">
                                    <button class="btn btn-success" form="mainForm">{{ __('dil.filtrele') }}</button>
                                </div>
                            </div>
                            <div class="news-list-view news_list_template_6" id="news-container-5472">
                                <div class="messen">
                                    <ul class="news_timeline">
                                        @foreach($events as $key => $event)
                                            @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="{{ $event->name }}" target="_blank" href="{{ $event->url }}">
                                                            <div class="img-messen-wrap"><img class="img-responsive" src="/storage/{{ $event->image }}" width="945" height="192" alt="" /></div>
                                                        </a>
                                                        <div class="news_timeline_text articletype-2" itemscope="itemscope" itemtype="http://schema.org/Article">
                                                            <h3 class="news_headline" itemprop="headline">
                                                                <a title="{{ $event->name }}" target="_blank" href="{{ $event->url }}">
                                                                    {{ $event->name }}
                                                                </a>
                                                            </h3>
                                                            <div class="messe-info-teaser"><p>{{ $event->place }}</p></div>
                                                            <div class="messe-info-txt">
                                                                <p><strong>{{ \Carbon\Carbon::make($event->start_date)->format('d.m.Y') }} / {{ \Carbon\Carbon::make($event->end_date)->format('d.m.Y') }}</strong></p>
                                                                <p>{{ $event->city }}</p>
                                                                <p>
                                                                    {!! $event->description !!}
                                                                </p>
                                                            </div>
                                                            <a class="btn btn-default btn-read-more" title="{{ $event->name }}" target="_blank" href="{{ $event->url }}">
                                                               {{ __('dil.siteyeGit') }}
                                                            </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="{{ $event->name }}" target="_blank" href="{{ $event->url }}">
                                                            <div class="img-messen-wrap"><img class="img-responsive" src="/storage/{{ $event->image }}" width="945" height="192" alt="" /></div>
                                                        </a>
                                                        <div class="news_timeline_text articletype-2" itemscope="itemscope" itemtype="http://schema.org/Article">
                                                            <h3 class="news_headline" itemprop="headline">
                                                                <a title="{{ $event->name }}" target="_blank" href="{{ $event->url }}">
                                                                    {{ $event->name }}
                                                                </a>
                                                            </h3>
                                                            <div class="messe-info-teaser"><p>{{ $event->place }}</p></div>
                                                            <div class="messe-info-txt">
                                                                <p><strong>{{ \Carbon\Carbon::make($event->start_date)->format('d.m.Y') }} / {{ \Carbon\Carbon::make($event->end_date)->format('d.m.Y') }}</strong></p>
                                                                <p>{{ $event->city }}</p>
                                                                <p> {!! $event->description !!}</p>
                                                            </div>
                                                            <a class="btn btn-default btn-read-more" title="{{ $event->name }}" target="_blank" href="{{ $event->url }}">
                                                               {{ __('dil.siteyeGit') }}
                                                            </a>
                                                        </div>
                                                    </div>
                                                </li>
                                            @endif
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('js')
    <script>
        window.onbeforeunload = function (e) {
            window.location.replace(window.location.pathname);
        };
    </script>
@endpush