@extends('layouts.admin')

@section('content')
<div class="">
    <main>
        <div class="w-full px-4 pb-60">
            <div
                class="grid items-start max-w-2xl grid-cols-1 grid-rows-1 gap-4 mx-auto lg:mx-0 lg:max-w-none lg:grid-cols-6">

                <div class="grid col-span-4 gap-4">
                    <div class="grid gap-6 p-4 bg-white rounded-lg shadow ring-1 ring-stone-300">
                        <div>
                            <h2 class="flex justify-between leading-6 text-stone-700">
                                <div class="flex items-center mb-2 text-sm leading-6 text-stone-400">
                                    Haberler
                                </div>
                            </h2>
                            <div class="flex flex-wrap gap-2">
                                <!-- ŞEHİRLER -->
                                <x-main-button name="ŞEHİRLER" count="5" route="#" icon="map" color="stone" unit="HABER"
                                    data="ŞEHİR OLUŞTURUN, DÜZENLEYİN VE SİLİN" w='60' class='' />
                                <!-- İLÇELER -->
                                <x-main-button name="İLÇELER" count="5" route="#" icon="location_city" color="stone"
                                    unit="HABER" data="İLÇE OLUŞTURUN, DÜZENLEYİN VE SİLİN" w='60' class='' />
                                <!-- MEKANLAR -->
                                <x-main-button name="MEKANLAR" count="5" route="{{ route('admin.venues.index') }}"
                                    icon="mosque" color="stone" unit="HABER" data="MEKAN OLUŞTURUN, DÜZENLEYİN VE SİLİN"
                                    w='60' class='' />
                                <!-- BÖLÜMLER -->
                                <x-main-button name="BÖLÜMLER" count="5" route="#" icon="layers" color="stone"
                                    unit="HABER" data="BÖLÜM OLUŞTURUN, DÜZENLEYİN VE SİLİN" w='60' class='' />
                                <!-- ESERLER -->
                                <x-main-button name="ESERLER" count="5" route="{{ route('admin.exhibits.index') }}"
                                    icon="wall_art" color="stone" unit="HABER"
                                    data="ESER OLUŞTURUN, DÜZENLEYİN VE SİLİN" w='60' class='' />
                            </div>
                        </div>

                        <div>
                            <h2 class="flex justify-between leading-6 text-stone-700">
                                <div class="flex items-center mb-2 text-sm leading-6 text-stone-400">
                                    Entegrasyonlar
                                </div>
                            </h2>
                            <div class="flex flex-wrap gap-2">
                                <x-main-button name="ENTEGRASYONLAR" count="" route="#" icon="electrical_services"
                                    color="stone" unit="GÖZ AT" data="ENTEGRASYON AYARLARI" w='60' class='' />
                            </div>
                        </div>

                        <div>
                            <h2 class="flex justify-between leading-6 text-stone-700">
                                <div class="flex items-center mb-2 text-sm leading-6 text-stone-400">
                                    Yapay Zeka
                                </div>
                            </h2>
                            <div class="flex flex-wrap gap-2">
                                <x-main-button name="PLANLANMIŞ" count="" route="#" icon="automation" color="stone"
                                    unit="GÖZ AT" data="KOMUTLAR" w='60' class='' />
                            </div>
                        </div>

                    </div>
                </div>

                <div class="grid col-span-2 gap-4">

                    <div class="p-4 bg-white rounded-lg shadow ring-1 ring-stone-300">
                        <div class="">
                            <ul role="list w-full">
                                @foreach ($venues as $venue)
                                <li class="py-2">
                                    <div class="flex items-center justify-between">
                                        <div class="flex items-center">
                                            <span class="mr-2 text-stone-600">
                                                <i class="fas fa-mosque"></i>
                                            </span>
                                            <span class="font-medium text-stone-800">
                                                {{ $venue->translated_name }}
                                            </span>
                                        </div>
                                        <a href="{{ route('admin.venues.show', $venue) }}"
                                            class="text-sm text-blue-600 hover:text-blue-800">
                                            Görüntüle
                                        </a>
                                    </div>
                                </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
    </main>
</div>
@endsection

@section('scripts')
@endsection