@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>Etkinlik Takvimi - {{ config('ayarlar.baslik') }}</title>
    <meta name="description" content="{{ config('ayarlar.baslik') }} - Kültür, sanat, müzik, sinema ve diğer tüm etkinlikleri takip edin." />
    <meta name="keywords" content="kültür sanat etkinlikleri, konserler, tiyatrolar, sinemalar" />
@endpush
@section("content")
    <section>
        <div class="archive-header text-center mb-30">
            <h1><span class="font-weight-ultra">Etkinlik Takvimi</span></h1>
            <div class="breadcrumb">
                <a href="{{ url('/') }}">Ana Sayfa</a>
                <span></span> Etkinlik Takvimi
            </div>
        </div>
    </section>
    <section class="pt-30 bg-white box-shadow mt-15 mb-30">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div id="eventCalendarLocaleFile" class="clearfix"></div>
                    <div class="post-list">
                        @if($etkinlikler != null)
                            @foreach($etkinlikler as $etkinlik)
                                <div class="row mb-20 clearfix">
                                    <div class="col-md-4">
                                        <div>
                                            <a href="{{ url('etkinlik-takvimi/'.Illuminate\Support\Str::slug($etkinlik->baslik).'-'. $etkinlik->id) }}">
                                                <img class="img-fluid" src="{{ url('images/etkinlikler/'.$etkinlik->resim) }}" alt="{{ $etkinlik->baslik }}">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="post-content">
                                            <h3 class="font-large">
                                                <a href="{{ url('etkinlik-takvimi/'.Illuminate\Support\Str::slug($etkinlik->baslik).'-'. $etkinlik->id) }}">{{ $etkinlik->baslik }}</a>
                                            </h3>
                                            <ul class="list-unstyled">
                                                <li>
                                                    <i class="ti-location-pin"></i>
                                                    {{ $etkinlik->yer }}
                                                </li>
                                                <li>
                                                    <i class="ti-time"></i>
                                                    {{ date('d-m-Y H:i',strtotime($etkinlik->tarih)) }}
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="bt-1 border-color-1"></div>
                            @endforeach
                        @endif
                    </div>
                    <div class="pagination-area pt-30 text-center">
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="single-wrap d-flex justify-content-center">
                                        {{ $etkinlikler->links() }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 primary-sidebar sticky-sidebar sticky-sidebar">
                    @include('frontend.'.$temaadi.'.blocks.sidebar')
                </div>
            </div>
        </div>
    </section>
@endsection
@push("customJs")
    <script src="{{asset('assets/frontend/'.$temaadi.'/js/moment.js')}}"></script>
    <script src="{{asset('assets/frontend/'.$temaadi.'/js/jquery.eventCalendar.min.js')}}"></script>
    <script>
        $(document).ready(function() {
            $("#eventCalendarLocaleFile").eventCalendar({
                eventsjson: '{{url('etkinlikler/etkinliklerJson')}}',
                dateFormat: 'DD MMMM YYYY, dddd',
                locales: {
                    locale: "tr",
                    monthNames: [ "Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran",
                        "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık" ],
                    dayNames: [ 'Pazar','Pazartesi','Salı','Çarşamba',
                        'Perşembe','Cuma','Cumartesi' ],
                    dayNamesShort: [ 'Paz','Pts','Sal','Çrş', 'Per','Cum','Cts' ],
                    txt_noEvents: "Bu tarihte herhangi bir etkinlik bulunmuyor.",
                    txt_SpecificEvents_prev: "",
                    txt_SpecificEvents_after: "Etkinlikleri:",
                    txt_next: "Sonraki",
                    txt_prev: "Önceki",
                    txt_NextEvents: "Sonraki etkinlik:",
                    txt_GoToEventUrl: "Detaya git",
                    "moment": {
                        "months" : [ "Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran",
                            "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık" ],
                        "monthsShort" : [ "Oca", "Şub", "Mar", "Nis", "May", "Haz",
                            "Tem", "Ağu", "Eyl", "Eki", "Kas", "Ara" ],
                        "weekdays" : [ "Pazar","Pazartesi","Salı","Çarşamba",
                            "Perşembe","Cuma","Cumartesi" ],
                        "weekdaysShort" : [ "Paz","Pts","Sal","Çrş",
                            "Per","Cum","Cts" ],
                        "weekdaysMin" : [ "Pa","Pz","Sa","Çr","Pe","Cu","Ct" ],
                        "longDateFormat" : {
                            "LT" : "H:mm",
                            "LTS" : "LT:ss",
                            "L" : "DD/MM/YYYY",
                            "LL" : "D MMMM YYYY",
                            "LLL" : "D MMMM YYYY LT",
                            "LLLL" : "dddd, D MMMM YYYY LT"
                        },
                        "week" : {
                            "dow" : 1,
                            "doy" : 4
                        }
                    }
                }
            });
        });
    </script>
@endpush

@push("customCss")
    <link rel="stylesheet" href="{{asset('assets/frontend/'.$temaadi.'/css/eventCalendar.css')}}">
    <link rel="stylesheet" href="{{asset('assets/frontend/'.$temaadi.'/css/eventCalendar_theme_responsive.css')}}">
@endpush