@extends('layouts.admin')

@section('content')

{{-- İŞLEV ÇUBUĞU --}}
<header class="tracking-tight shadow bg-gradient-to-b from-stone-100 to-white">
    <div class="lg:divide-y lg:divide-stone-200">
        <nav class="hidden divide-x lg:flex" aria-label="Global">
            <div
                class="bg-gradient-to-b from-stone-600 to-stone-500 ps-2.5 pe-4 py-1.5 text-sm text-stone-50 shadow-sm rounded-e-2xl">
                {{ $exhibit?->name ?? 'YENİ ESER' }}</div>
            {{-- <a href="#" type="button"
                class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Bölüm Ekle</a>
            <a href="{{ route('admin.exhibits.create') }}" type="button"
                class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Eser Ekle</a> --}}
        </nav>
    </div>
</header>

<div class="">
    <main>
        <div class="w-full px-4 pt-4 pb-60 sm:px-6 lg:px-8">
            <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-3">

                {{-- BREADCRUMB --}}
                <nav class="flex py-2" aria-label="Breadcrumb">
                    <ol role="list" class="flex items-center space-x-3 uppercase">
                        <li>
                            <div>
                                <a href="{{ route('admin.dashboard') }}" class="text-stone-400 hover:text-stone-500">
                                    <svg class="flex-shrink-0 w-5 h-5" viewBox="0 0 20 20" fill="currentColor"
                                        aria-hidden="true">
                                        <path fill-rule="evenodd"
                                            d="M9.293 2.293a1 1 0 011.414 0l7 7A1 1 0 0117 11h-1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-3a1 1 0 00-1-1H9a1 1 0 00-1 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6H3a1 1 0 01-.707-1.707l7-7z"
                                            clip-rule="evenodd" />
                                    </svg>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="flex items-center">
                                <svg class="flex-shrink-0 w-5 h-5 text-stone-300" fill="currentColor"
                                    viewBox="0 0 20 20" aria-hidden="true">
                                    <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z" />
                                </svg>
                                <a href="{{ route('admin.venues.index' ) }}"
                                    class="ml-4 text-sm font-medium text-nowrap text-stone-500 hover:text-stone-700">{{
                                    $exhibit?->venue?->name ?? 'MEKANLAR' }}</a>
                            </div>
                        </li>
                        <li>
                            <div class="flex items-center">
                                <svg class="flex-shrink-0 w-5 h-5 text-stone-300" fill="currentColor"
                                    viewBox="0 0 20 20" aria-hidden="true">
                                    <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z" />
                                </svg>
                                <a href="#"
                                    class="ml-4 text-sm font-medium text-nowrap text-stone-500 hover:text-stone-700"
                                    aria-current="page">{{
                                    $exhibit?->name ?? 'YENİ OLUŞTUR' }}</a>
                            </div>
                        </li>
                    </ol>
                </nav>

                <div class="grid gap-4 lg:col-start-1 lg:col-end-3">
                    {{-- SAYFA BAŞLIĞI --}}
                    <div class="overflow-hidden bg-white rounded-lg shadow ring-1 ring-stone-300">
                        <div class="p-6 bg-white">
                            <div class="sm:flex sm:items-center sm:justify-between">
                                <div class="sm:flex sm:space-x-5">
                                    <div class="flex-shrink-0 rounded-full pattern-charlie-brown">
                                        <span
                                            class="inline-flex items-center justify-center w-20 h-20 rounded-full bg-gradient-to-b from-stone-100/80 to-stone-100/30">
                                            <span class="text-4xl material-symbols-rounded text-stone-600">
                                                wall_art
                                            </span>
                                        </span>
                                    </div>
                                    <div class="w-full mt-4 text-center sm:mt-0 sm:pt-1 sm:text-left">
                                        <p class="text-sm font-medium text-stone-500">MEKAN</p>
                                        <p class="text-2xl font-bold uppercase truncate text-stone-900">
                                            {{ $exhibit?->venue?->name ?? 'YENİ ESER' }}</p>
                                        <p class="text-base font-medium uppercase truncate text-stone-500">
                                            {{ $exhibit?->venue?->city?->name ?? '' }} - {{ $exhibit?->venue?->district?->name ?? '' }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- BÖLÜME DAHİL OLMAYAN ESERLER --}}
                    <div class="p-4 bg-white rounded-lg shadow ring-1 ring-stone-300">
                        <h2 class="flex items-center mb-4 text-lg leading-6 font-jbmono-bold text-stone-700">
                            <span class="mr-1 material-symbols-rounded">
                                wall_Art
                            </span>
                            Bölüme Dahil Olmayan Eserler
                        </h2>
                        <div class="grid grid-cols-1">
                            <livewire:exhibit-edit :exhibit="$exhibit" />
                        </div>
                    </div>

                </div>

                {{-- SAĞ PANEL --}}
                <div class="grid grid-cols-1 gap-4 sm:mx-0 lg:col-start-3">
                    {{-- ÜRÜN BİLGİLERİ --}}
                    <h2 class="flex items-center text-lg leading-6 font-jbmono-bold text-stone-700">
                        <span class="mr-1 material-symbols-rounded">
                            info
                        </span>
                        Mekan Bilgileri
                    </h2>

                    {{--
                    <livewire:venue-edit :venue="$venue" /> --}}
                </div>

            </div>
        </div>
    </main>
</div>

@endsection

@section('scripts')
<script>
    
</script>
@endsection