From 9a02b53b1e5535d82877400e2be8118e809fb8ad Mon Sep 17 00:00:00 2001
From: HolgerHatGarKeineNode <fsociety.mkv@pm.me>
Date: Sun, 26 Feb 2023 13:01:30 +0100
Subject: [PATCH] new header

---
 .../form/bitcoin-event-form.blade.php         | 219 +++++++------
 .../book-case/book-case-table.blade.php       |  35 +-
 .../livewire/book-case/city-table.blade.php   |  17 +-
 .../book-case/highscore-table.blade.php       |  16 +-
 .../form/content-creator-form.blade.php       | 178 +++++-----
 .../library/form/library-item-form.blade.php  | 305 +++++++++---------
 .../livewire/school/city-table.blade.php      |  10 +
 .../livewire/school/course-table.blade.php    |  10 +
 .../livewire/school/event-table.blade.php     |  10 +
 .../livewire/school/venue-table.blade.php     |  10 +
 .../livewire/venue/form/venue-form.blade.php  | 160 ++++-----
 11 files changed, 503 insertions(+), 467 deletions(-)

diff --git a/resources/views/livewire/bitcoin-event/form/bitcoin-event-form.blade.php b/resources/views/livewire/bitcoin-event/form/bitcoin-event-form.blade.php
index 054c87f4..6f9b9c8b 100644
--- a/resources/views/livewire/bitcoin-event/form/bitcoin-event-form.blade.php
+++ b/resources/views/livewire/bitcoin-event/form/bitcoin-event-form.blade.php
@@ -1,129 +1,136 @@
-<div class="container p-4 mx-auto bg-21gray my-2">
+<div>
+    {{-- HEADER --}}
+    <livewire:frontend.header :country="null"/>
 
-    <div class="pb-5 flex flex-row justify-between">
-        <h3 class="text-lg font-medium leading-6 text-gray-200">{{ __('Bitcoin Event') }}</h3>
-        <div class="flex flex-row space-x-2 items-center">
-            <div>
-                @if($bitcoinEvent->id)
-                    <x-button negative wire:click="deleteMe">
-                        <i class="fa fa-thin fa-trash"></i>
-                        {{ __('Delete') }}
+    <div class="container p-4 mx-auto bg-21gray my-2">
+
+        <div class="pb-5 flex flex-row justify-between">
+            <h3 class="text-lg font-medium leading-6 text-gray-200">{{ __('Bitcoin Event') }}</h3>
+            <div class="flex flex-row space-x-2 items-center">
+                <div>
+                    @if($bitcoinEvent->id)
+                        <x-button negative wire:click="deleteMe">
+                            <i class="fa fa-thin fa-trash"></i>
+                            {{ __('Delete') }}
+                        </x-button>
+                    @endif
+                </div>
+                <div>
+                    <x-button :href="$fromUrl">
+                        <i class="fa fa-thin fa-arrow-left"></i>
+                        {{ __('Back') }}
                     </x-button>
-                @endif
-            </div>
-            <div>
-                <x-button :href="$fromUrl">
-                    <i class="fa fa-thin fa-arrow-left"></i>
-                    {{ __('Back') }}
-                </x-button>
+                </div>
             </div>
         </div>
-    </div>
 
-    <form class="space-y-8 divide-y divide-gray-700 pb-24">
-        <div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">
-            <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5">
+        <form class="space-y-8 divide-y divide-gray-700 pb-24">
+            <div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">
+                <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5">
 
-                <x-input.group :for="md5('image')" :label="__('Logo')">
-                    <div class="py-4">
-                        @if ($image)
-                            <div class="text-gray-200">{{ __('Preview') }}:</div>
-                            <img class="h-48 object-contain" src="{{ $image->temporaryUrl() }}">
-                        @endif
-                        @if ($bitcoinEvent->getFirstMediaUrl('logo'))
-                            <div class="text-gray-200">{{ __('Current picture') }}:</div>
-                            <img class="h-48 object-contain" src="{{ $bitcoinEvent->getFirstMediaUrl('logo') }}">
-                        @endif
-                    </div>
-                    <input class="text-gray-200" type="file" wire:model="image">
-                    @error('image') <span class="text-red-500">{{ $message }}</span> @enderror
-                </x-input.group>
-
-                <x-input.group :for="md5('venue_id')">
-                    <x-slot name="label">
-                        <div class="flex flex-row space-x-4 items-center">
-                            <div>
-                                {{ __('Venue') }}
-                            </div>
-                            <x-button xs href="{{ route('venue.form') }}">
-                                <i class="fa fa-thin fa-plus"></i>
-                                {{ __('Create venue') }}
-                            </x-button>
+                    <x-input.group :for="md5('image')" :label="__('Logo')">
+                        <div class="py-4">
+                            @if ($image)
+                                <div class="text-gray-200">{{ __('Preview') }}:</div>
+                                <img class="h-48 object-contain" src="{{ $image->temporaryUrl() }}">
+                            @endif
+                            @if ($bitcoinEvent->getFirstMediaUrl('logo'))
+                                <div class="text-gray-200">{{ __('Current picture') }}:</div>
+                                <img class="h-48 object-contain" src="{{ $bitcoinEvent->getFirstMediaUrl('logo') }}">
+                            @endif
                         </div>
-                    </x-slot>
-                    <x-select
-                        autocomplete="off"
-                        wire:model.debounce="bitcoinEvent.venue_id"
-                        :placeholder="__('Venue')"
-                        :async-data="[
+                        <input class="text-gray-200" type="file" wire:model="image">
+                        @error('image') <span class="text-red-500">{{ $message }}</span> @enderror
+                    </x-input.group>
+
+                    <x-input.group :for="md5('venue_id')">
+                        <x-slot name="label">
+                            <div class="flex flex-row space-x-4 items-center">
+                                <div>
+                                    {{ __('Venue') }}
+                                </div>
+                                <x-button xs href="{{ route('venue.form') }}">
+                                    <i class="fa fa-thin fa-plus"></i>
+                                    {{ __('Create venue') }}
+                                </x-button>
+                            </div>
+                        </x-slot>
+                        <x-select
+                            autocomplete="off"
+                            wire:model.debounce="bitcoinEvent.venue_id"
+                            :placeholder="__('Venue')"
+                            :async-data="[
                             'api' => route('api.venues.index'),
                             'method' => 'GET', // default is GET
                         ]"
-                        :template="[
+                            :template="[
                             'name'   => 'user-option',
                             'config' => ['src' => 'flag']
                         ]"
-                        option-label="name"
-                        option-value="id"
-                        option-description="city.name"
-                    />
-                </x-input.group>
+                            option-label="name"
+                            option-value="id"
+                            option-description="city.name"
+                        />
+                    </x-input.group>
 
-                <x-input.group :for="md5('bitcoinEvent.from')" :label="__('Start')">
-                    <x-datetime-picker
-                        :clearable="false"
-                        time-format="24"
-                        timezone="UTC"
-                        user-timezone="{{ config('app.user-timezone') }}"
-                        autocomplete="off"
-                        wire:model.debounce="bitcoinEvent.from"
-                        display-format="DD-MM-YYYY HH:mm"
-                        :placeholder="__('Start')"/>
-                </x-input.group>
+                    <x-input.group :for="md5('bitcoinEvent.from')" :label="__('Start')">
+                        <x-datetime-picker
+                            :clearable="false"
+                            time-format="24"
+                            timezone="UTC"
+                            user-timezone="{{ config('app.user-timezone') }}"
+                            autocomplete="off"
+                            wire:model.debounce="bitcoinEvent.from"
+                            display-format="DD-MM-YYYY HH:mm"
+                            :placeholder="__('Start')"/>
+                    </x-input.group>
 
-                <x-input.group :for="md5('bitcoinEvent.to')" :label="__('To')">
-                    <x-datetime-picker
-                        :clearable="false"
-                        time-format="24"
-                        timezone="UTC"
-                        user-timezone="{{ config('app.user-timezone') }}"
-                        autocomplete="off"
-                        wire:model.debounce="bitcoinEvent.to"
-                        display-format="DD-MM-YYYY HH:mm"
-                        :placeholder="__('To')"/>
-                </x-input.group>
+                    <x-input.group :for="md5('bitcoinEvent.to')" :label="__('To')">
+                        <x-datetime-picker
+                            :clearable="false"
+                            time-format="24"
+                            timezone="UTC"
+                            user-timezone="{{ config('app.user-timezone') }}"
+                            autocomplete="off"
+                            wire:model.debounce="bitcoinEvent.to"
+                            display-format="DD-MM-YYYY HH:mm"
+                            :placeholder="__('To')"/>
+                    </x-input.group>
 
-                <x-input.group :for="md5('bitcoinEvent.title')" :label="__('Title')">
-                    <x-input autocomplete="off" wire:model.debounce="bitcoinEvent.title"
-                             :placeholder="__('Title')"/>
-                </x-input.group>
+                    <x-input.group :for="md5('bitcoinEvent.title')" :label="__('Title')">
+                        <x-input autocomplete="off" wire:model.debounce="bitcoinEvent.title"
+                                 :placeholder="__('Title')"/>
+                    </x-input.group>
 
-                <x-input.group :for="md5('bitcoinEvent.description')" :label="__('Description')">
-                    <div
-                        class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
-                    <x-input.simple-mde wire:model.defer="bitcoinEvent.description"/>
-                    @error('bitcoinEvent.description') <span class="text-red-500 py-2">{{ $message }}</span> @enderror
-                </x-input.group>
+                    <x-input.group :for="md5('bitcoinEvent.description')" :label="__('Description')">
+                        <div
+                            class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
+                        <x-input.simple-mde wire:model.defer="bitcoinEvent.description"/>
+                        @error('bitcoinEvent.description') <span
+                            class="text-red-500 py-2">{{ $message }}</span> @enderror
+                    </x-input.group>
 
-                <x-input.group :for="md5('bitcoinEvent.link')" :label="__('Link')">
-                    <x-input autocomplete="off" wire:model.debounce="bitcoinEvent.link"
-                             :placeholder="__('Link')"/>
-                </x-input.group>
+                    <x-input.group :for="md5('bitcoinEvent.link')" :label="__('Link')">
+                        <x-input autocomplete="off" wire:model.debounce="bitcoinEvent.link"
+                                 :placeholder="__('Link')"/>
+                    </x-input.group>
 
-                <x-input.group :for="md5('bitcoinEvent.show_worldwide')" :label="__('Show worldwide')">
-                    <x-toggle lg autocomplete="off" wire:model.debounce="bitcoinEvent.show_worldwide"
-                             :placeholder="__('Show worldwide')"/>
-                    <p class="text-xs py-2 text-gray-200">{{ __('If checked, the event will be shown everywhere.') }}</p>
-                </x-input.group>
+                    <x-input.group :for="md5('bitcoinEvent.show_worldwide')" :label="__('Show worldwide')">
+                        <x-toggle lg autocomplete="off" wire:model.debounce="bitcoinEvent.show_worldwide"
+                                  :placeholder="__('Show worldwide')"/>
+                        <p class="text-xs py-2 text-gray-200">{{ __('If checked, the event will be shown everywhere.') }}</p>
+                    </x-input.group>
 
-                <x-input.group :for="md5('action')" :label="__('Action')">
-                    <x-button primary wire:click="submit">
-                        <i class="fa fa-thin fa-save"></i>
-                        {{ __('Save') }}
-                    </x-button>
-                </x-input.group>
+                    <x-input.group :for="md5('action')" :label="__('Action')">
+                        <x-button primary wire:click="submit">
+                            <i class="fa fa-thin fa-save"></i>
+                            {{ __('Save') }}
+                        </x-button>
+                    </x-input.group>
 
+                </div>
             </div>
-        </div>
-    </form>
+        </form>
+    </div>
+
 </div>
diff --git a/resources/views/livewire/book-case/book-case-table.blade.php b/resources/views/livewire/book-case/book-case-table.blade.php
index 0b5c2314..202447bf 100644
--- a/resources/views/livewire/book-case/book-case-table.blade.php
+++ b/resources/views/livewire/book-case/book-case-table.blade.php
@@ -4,35 +4,14 @@
     {{-- MAIN --}}
     <section class="w-full mb-12">
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10" id="table">
-            <div class="flex items-start">
-                <div class="w-1/2">
-                    <h1 class="mb-6 text-5xl font-extrabold leading-none max-w-5xl mx-auto tracking-normal text-gray-200 sm:text-6xl md:text-6xl lg:text-7xl md:tracking-tight">
-                        Bitcoin <span
-                            class="w-full text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-amber-500 to-amber-200 lg:inline">{{ __('Bookcases') }}</span>
-                    </h1>
+            <div class="md:flex md:items-center md:justify-between">
+                <div class="min-w-0 flex-1">
+                    <h2 class="text-2xl font-bold leading-7 text-white sm:truncate sm:text-3xl sm:tracking-tight">
+                        {{ __('Bookcases') }}
+                    </h2>
                 </div>
-
-                <div class="w-1/2">
-                    <p class="px-0 mb-6 text-lg text-gray-600 md:text-xl">
-                        {{ __('Search out a public bookcase') }}
-                    </p>
-                    <div class="rounded" wire:ignore>
-                        @if($markers[0] ?? false)
-                            <style>
-                                .gnw-map-service {
-                                    z-index: 0 !important;
-                                }
-                            </style>
-                            <div>
-                                @map([
-                                    'lat' => $markers[0]['lat'],
-                                    'lng' => $markers[0]['lng'],
-                                    'zoom' => 12,
-                                    'markers' => $markers
-                                ])
-                            </div>
-                        @endif
-                    </div>
+                <div class="mt-4 flex md:mt-0 md:ml-4">
+                    {{----}}
                 </div>
             </div>
 
diff --git a/resources/views/livewire/book-case/city-table.blade.php b/resources/views/livewire/book-case/city-table.blade.php
index f5cd3854..3c16e3b1 100644
--- a/resources/views/livewire/book-case/city-table.blade.php
+++ b/resources/views/livewire/book-case/city-table.blade.php
@@ -4,15 +4,14 @@
     {{-- MAIN --}}
     <section class="w-full mb-12">
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
-            <div class="flex items-start">
-                <div class="w-1/2">
-                    <h1 class="mb-6 text-5xl font-extrabold leading-none max-w-5xl mx-auto tracking-normal text-gray-200 sm:text-6xl md:text-6xl lg:text-7xl md:tracking-tight">
-                        Bitcoin <span
-                            class="w-full text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-amber-500 to-amber-200 lg:inline">{{ __('Bookcases') }}</span>
-                    </h1>
-                    <p class="px-0 mb-6 text-lg text-gray-600 md:text-xl lg:px-24">
-                        {{ __('Search out a public bookcase') }}
-                    </p>
+            <div class="md:flex md:items-center md:justify-between">
+                <div class="min-w-0 flex-1">
+                    <h2 class="text-2xl font-bold leading-7 text-white sm:truncate sm:text-3xl sm:tracking-tight">
+                        {{ __('City search') }}
+                    </h2>
+                </div>
+                <div class="mt-4 flex md:mt-0 md:ml-4">
+                    {{----}}
                 </div>
             </div>
 
diff --git a/resources/views/livewire/book-case/highscore-table.blade.php b/resources/views/livewire/book-case/highscore-table.blade.php
index 41d19641..a06fb152 100644
--- a/resources/views/livewire/book-case/highscore-table.blade.php
+++ b/resources/views/livewire/book-case/highscore-table.blade.php
@@ -4,17 +4,13 @@
     {{-- MAIN --}}
     <section class="w-full mb-12">
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
-            <div class="flex flex-col sm:flex-row items-start">
-                <div class="w-full sm:w-1/2">
-                    <h1 class="mb-6 text-5xl font-extrabold leading-none max-w-5xl mx-auto tracking-normal text-gray-200 sm:text-6xl md:text-6xl lg:text-7xl md:tracking-tight">
-                        Orange-Pill <span
-                            class="w-full text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-amber-500 to-amber-200 lg:inline">{{ __('Highscore Table') }}</span>
-                    </h1>
-                    <p class="px-0 mb-6 text-lg text-gray-600 md:text-xl">
-                        {{ __('Hall of fame of our honorable plebs') }}
-                    </p>
+            <div class="md:flex md:items-center md:justify-between">
+                <div class="min-w-0 flex-1">
+                    <h2 class="text-2xl font-bold leading-7 text-white sm:truncate sm:text-3xl sm:tracking-tight">
+                        {{ __('Highscore Table') }}
+                    </h2>
                 </div>
-                <div class="w-full sm:w-1/2">
+                <div class="mt-4 flex md:mt-0 md:ml-4">
                     @if(auth()->check())
                         <x-button
                             class="relative"
diff --git a/resources/views/livewire/content-creator/form/content-creator-form.blade.php b/resources/views/livewire/content-creator/form/content-creator-form.blade.php
index ff03a249..19079565 100644
--- a/resources/views/livewire/content-creator/form/content-creator-form.blade.php
+++ b/resources/views/livewire/content-creator/form/content-creator-form.blade.php
@@ -1,92 +1,98 @@
-<div class="container p-4 mx-auto bg-21gray my-2">
+<div>
+    {{-- HEADER --}}
+    <livewire:frontend.header :country="null"/>
 
-    <div class="pb-5 flex flex-row justify-between">
-        <h3 class="text-lg font-medium leading-6 text-gray-200">{{ __('Lecturer/Content Creator') }}</h3>
-        <div class="flex flex-row space-x-2 items-center">
-            <div>
-                <x-button :href="$fromUrl">
-                    <i class="fa fa-thin fa-arrow-left"></i>
-                    {{ __('Back') }}
-                </x-button>
-            </div>
-        </div>
-    </div>
+    <div class="container p-4 mx-auto bg-21gray my-2">
 
-    <form class="space-y-8 divide-y divide-gray-700 pb-24">
-        <div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">
-            <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5">
-
-                <x-input.group :for=" md5('image')" :label="__('Main picture')">
-                    <div class="py-4">
-                        @if ($image)
-                            <div class="text-gray-200">{{ __('Preview') }}:</div>
-                            <img class="h-48 object-contain" src="{{ $image->temporaryUrl() }}">
-                        @endif
-                        @if ($lecturer->getFirstMediaUrl('avatar'))
-                            <div class="text-gray-200">{{ __('Current picture') }}:</div>
-                            <img class="h-48 object-contain" src="{{ $lecturer->getFirstMediaUrl('avatar') }}">
-                        @endif
-                    </div>
-                    <input class="text-gray-200" type="file" wire:model="image">
-                    @error('image') <span class="text-red-500">{{ $message }}</span> @enderror
-                </x-input.group>
-
-                <x-input.group :for="md5('lecturer.name')" :label="__('Name')">
-                    <x-input autocomplete="off" wire:model.debounce="lecturer.name"
-                             :placeholder="__('Name')"/>
-                </x-input.group>
-
-                <x-input.group :for="md5('lecturer.subtitle')" :label="__('Subtitle')">
-                    <x-input autocomplete="off" wire:model.debounce="lecturer.subtitle"
-                             :placeholder="__('Subtitle')" :hint="__('This is the subtitle on the landing page.')"/>
-                </x-input.group>
-
-                <x-input.group :for="md5('lecturer.intro')" :label="__('Intro')">
-                    <div
-                        class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
-                    <x-input.simple-mde wire:model.defer="lecturer.intro"/>
-                    @error('lecturer.intro') <span class="text-red-500 py-2">{{ $message }}</span> @enderror
-                    <span class="text-gray-400 text-xs py-2">{{ __('This is the introduction text that is shown on the landing page.') }}</span>
-                </x-input.group>
-
-                <x-input.group :for="md5('lecturer.nostr')" :label="__('Nostr public key')">
-                    <x-input autocomplete="off" wire:model.debounce="lecturer.nostr"
-                             :placeholder="__('Nostr public key')" :hint="__('starts with npub...')"/>
-                </x-input.group>
-
-                <x-input.group :for="md5('lecturer.twitter_username')" :label="__('Twitter Username')">
-                    <x-input autocomplete="off" wire:model.debounce="lecturer.twitter_username"
-                             :placeholder="__('Twitter Username')" :hint="__('Without @')"/>
-                </x-input.group>
-
-                <x-input.group :for="md5('lecturer.website')" :label="__('Website')">
-                    <x-input autocomplete="off" wire:model.debounce="lecturer.website"
-                             :placeholder="__('Website')"/>
-                </x-input.group>
-
-                <x-input.group :for="md5('lecturer.lightning_address')" :label="__('Lightning Address')">
-                    <x-input autocomplete="off" wire:model.debounce="lecturer.lightning_address"
-                             :placeholder="__('Lightning Address')" :hint="__('for example xy@getalby.com')"/>
-                </x-input.group>
-
-                <x-input.group :for="md5('lecturer.lnurl')" :label="__('LNURL')">
-                    <x-input autocomplete="off" wire:model.debounce="lecturer.lnurl"
-                             :placeholder="__('LNURL')" :hint="__('starts with: lnurl1dp68gurn8gh....')"/>
-                </x-input.group>
-
-                <x-input.group :for="md5('lecturer.node_id')" :label="__('Node Id')">
-                    <x-input autocomplete="off" wire:model.debounce="lecturer.node_id"
-                             :placeholder="__('Node Id')"/>
-                </x-input.group>
-
-                <x-input.group :for="md5('meetupEvent.link')" label="">
-                    <x-button primary wire:click="save">
-                        <i class="fa fa-thin fa-save"></i>
-                        {{ __('Save') }}
+        <div class="pb-5 flex flex-row justify-between">
+            <h3 class="text-lg font-medium leading-6 text-gray-200">{{ __('Lecturer/Content Creator') }}</h3>
+            <div class="flex flex-row space-x-2 items-center">
+                <div>
+                    <x-button :href="$fromUrl">
+                        <i class="fa fa-thin fa-arrow-left"></i>
+                        {{ __('Back') }}
                     </x-button>
-                </x-input.group>
-
+                </div>
             </div>
         </div>
-    </form>
+
+        <form class="space-y-8 divide-y divide-gray-700 pb-24">
+            <div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">
+                <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5">
+
+                    <x-input.group :for=" md5('image')" :label="__('Main picture')">
+                        <div class="py-4">
+                            @if ($image)
+                                <div class="text-gray-200">{{ __('Preview') }}:</div>
+                                <img class="h-48 object-contain" src="{{ $image->temporaryUrl() }}">
+                            @endif
+                            @if ($lecturer->getFirstMediaUrl('avatar'))
+                                <div class="text-gray-200">{{ __('Current picture') }}:</div>
+                                <img class="h-48 object-contain" src="{{ $lecturer->getFirstMediaUrl('avatar') }}">
+                            @endif
+                        </div>
+                        <input class="text-gray-200" type="file" wire:model="image">
+                        @error('image') <span class="text-red-500">{{ $message }}</span> @enderror
+                    </x-input.group>
+
+                    <x-input.group :for="md5('lecturer.name')" :label="__('Name')">
+                        <x-input autocomplete="off" wire:model.debounce="lecturer.name"
+                                 :placeholder="__('Name')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('lecturer.subtitle')" :label="__('Subtitle')">
+                        <x-input autocomplete="off" wire:model.debounce="lecturer.subtitle"
+                                 :placeholder="__('Subtitle')" :hint="__('This is the subtitle on the landing page.')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('lecturer.intro')" :label="__('Intro')">
+                        <div
+                            class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
+                        <x-input.simple-mde wire:model.defer="lecturer.intro"/>
+                        @error('lecturer.intro') <span class="text-red-500 py-2">{{ $message }}</span> @enderror
+                        <span
+                            class="text-gray-400 text-xs py-2">{{ __('This is the introduction text that is shown on the landing page.') }}</span>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('lecturer.nostr')" :label="__('Nostr public key')">
+                        <x-input autocomplete="off" wire:model.debounce="lecturer.nostr"
+                                 :placeholder="__('Nostr public key')" :hint="__('starts with npub...')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('lecturer.twitter_username')" :label="__('Twitter Username')">
+                        <x-input autocomplete="off" wire:model.debounce="lecturer.twitter_username"
+                                 :placeholder="__('Twitter Username')" :hint="__('Without @')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('lecturer.website')" :label="__('Website')">
+                        <x-input autocomplete="off" wire:model.debounce="lecturer.website"
+                                 :placeholder="__('Website')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('lecturer.lightning_address')" :label="__('Lightning Address')">
+                        <x-input autocomplete="off" wire:model.debounce="lecturer.lightning_address"
+                                 :placeholder="__('Lightning Address')" :hint="__('for example xy@getalby.com')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('lecturer.lnurl')" :label="__('LNURL')">
+                        <x-input autocomplete="off" wire:model.debounce="lecturer.lnurl"
+                                 :placeholder="__('LNURL')" :hint="__('starts with: lnurl1dp68gurn8gh....')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('lecturer.node_id')" :label="__('Node Id')">
+                        <x-input autocomplete="off" wire:model.debounce="lecturer.node_id"
+                                 :placeholder="__('Node Id')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('meetupEvent.link')" label="">
+                        <x-button primary wire:click="save">
+                            <i class="fa fa-thin fa-save"></i>
+                            {{ __('Save') }}
+                        </x-button>
+                    </x-input.group>
+
+                </div>
+            </div>
+        </form>
+    </div>
 </div>
diff --git a/resources/views/livewire/library/form/library-item-form.blade.php b/resources/views/livewire/library/form/library-item-form.blade.php
index 52e98f7d..a2b40d77 100644
--- a/resources/views/livewire/library/form/library-item-form.blade.php
+++ b/resources/views/livewire/library/form/library-item-form.blade.php
@@ -1,177 +1,182 @@
-<div class="container p-4 mx-auto bg-21gray my-2">
+<div>
+    {{-- HEADER --}}
+    <livewire:frontend.header :country="null"/>
+    <div class="container p-4 mx-auto bg-21gray my-2">
 
-    <div class="pb-5 flex flex-row justify-between">
-        <h3 class="text-lg font-medium leading-6 text-gray-200">{{ __('Library Item') }}</h3>
-        <div class="flex flex-row space-x-2 items-center">
-            <div>
-                <x-button :href="$fromUrl">
-                    <i class="fa fa-thin fa-arrow-left"></i>
-                    {{ __('Back') }}
-                </x-button>
+        <div class="pb-5 flex flex-row justify-between">
+            <h3 class="text-lg font-medium leading-6 text-gray-200">{{ __('Library Item') }}</h3>
+            <div class="flex flex-row space-x-2 items-center">
+                <div>
+                    <x-button :href="$fromUrl">
+                        <i class="fa fa-thin fa-arrow-left"></i>
+                        {{ __('Back') }}
+                    </x-button>
+                </div>
             </div>
         </div>
-    </div>
 
-    <form class="space-y-8 divide-y divide-gray-700 pb-24">
-        <div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">
-            <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5">
+        <form class="space-y-8 divide-y divide-gray-700 pb-24">
+            <div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">
+                <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5">
 
-                <x-input.group :for="md5('libraryItem.lecturer_id')">
-                    <x-slot name="label">
-                        <div class="flex flex-row space-x-4 items-center">
-                            <div>
-                                {{ __('Author') }}
-                            </div>
-                            <div x-data="{currentUrl: window.location.href}">
+                    <x-input.group :for="md5('libraryItem.lecturer_id')">
+                        <x-slot name="label">
+                            <div class="flex flex-row space-x-4 items-center">
+                                <div>
+                                    {{ __('Author') }}
+                                </div>
+                                <div x-data="{currentUrl: window.location.href}">
                                     <x-button xs :href="route('contentCreator.form')">
                                         <i class="fa fa-thin fa-plus"></i>
                                         {{ __('Create new author') }}
                                     </x-button>
+                                </div>
                             </div>
-                        </div>
-                    </x-slot>
-                    <x-select
-                        :clearable="false"
-                        wire:model="libraryItem.lecturer_id"
-                        :searchable="true"
-                        :async-data="[
+                        </x-slot>
+                        <x-select
+                            :clearable="false"
+                            wire:model="libraryItem.lecturer_id"
+                            :searchable="true"
+                            :async-data="[
                             'api' => route('api.lecturers.index'),
                             'method' => 'GET', // default is GET
                         ]"
-                        :template="[
+                            :template="[
                             'name'   => 'user-option',
                             'config' => ['src' => 'image']
                         ]"
-                        option-label="name"
-                        option-value="id"
-                    />
-                </x-input.group>
-
-                <x-input.group :for="md5('libraryItem.type')" label="{{ __('Type') }}">
-                    <x-select
-                        :clearable="false"
-                        wire:model="libraryItem.type"
-                        :options="$types"
-                        option-label="label"
-                        option-value="value"
-                    />
-                </x-input.group>
-
-                <x-input.group :for="md5('library')" label="{{ __('Library') }}">
-                    <x-select
-                        :disabled="$lecturer"
-                        hint="{{ __('Please classify by type of your entry.') }}"
-                        :clearable="false"
-                        wire:model="library"
-                        :options="$libraries"
-                        option-label="name"
-                        option-value="id"
-                    />
-                </x-input.group>
-
-                <x-input.group :for="md5('selectedTags')" :label="__('Tags')">
-                    <div class="py-2 flex flex-wrap items-center space-x-1">
-                        @foreach($tags as $tag)
-                            <div class="cursor-pointer" wire:key="tag{{ $loop->index }}"
-                                 wire:click="selectTag('{{ $tag->name }}')">
-                                @if(collect($selectedTags)->contains($tag->name))
-                                    <x-badge
-                                        amber>
-                                        {{ $tag->name }}
-                                    </x-badge>
-                                @else
-                                    <x-badge
-                                        black>
-                                        {{ $tag->name }}
-                                    </x-badge>
-                                @endif
-                            </div>
-                        @endforeach
-                    </div>
-                </x-input.group>
-
-                @if($libraryItem->lecturer_id && $libraryItem->type && $library && count($selectedTags) > 0)
-                    <x-input.group :for=" md5('image')" :label="__('Main picture')">
-                        <div class="py-4">
-                            @if ($image)
-                                <div class="text-gray-200">{{ __('Preview') }}:</div>
-                                <img class="h-48 object-contain" src="{{ $image->temporaryUrl() }}">
-                            @endif
-                            @if ($libraryItem->getFirstMediaUrl('main'))
-                                <div class="text-gray-200">{{ __('Current picture') }}:</div>
-                                <img class="h-48 object-contain" src="{{ $libraryItem->getFirstMediaUrl('main') }}">
-                            @endif
-                        </div>
-                        <input class="text-gray-200" type="file" wire:model="image">
-                        @error('image') <span class="text-red-500">{{ $message }}</span> @enderror
-                    </x-input.group>
-
-                    <x-input.group :for="md5('libraryItem.main_image_caption')" :label="__('Main image caption')">
-                        <x-input autocomplete="off" wire:model.debounce="libraryItem.main_image_caption"
-                                 :placeholder="__('Main image caption')"
-                                 :cornerHint="__('Ex: Photo by Timothy Vollmer/ CC BY')"/>
-                    </x-input.group>
-
-                    <x-input.group :for="md5('libraryItem.name')" :label="__('Title')">
-                        <x-input autocomplete="off" wire:model.debounce="libraryItem.name"
-                                 :placeholder="__('Title')"/>
-                    </x-input.group>
-
-                    <x-input.group :for="md5('libraryItem.subtitle')" :label="__('Subtitle')">
-                        <x-input autocomplete="off" wire:model.debounce="libraryItem.subtitle"
-                                 :placeholder="__('Subtitle')"/>
-                    </x-input.group>
-
-                    <x-input.group :for="md5('libraryItem.excerpt')" :label="__('Excerpt')">
-                        <x-textarea autocomplete="off" wire:model.debounce="libraryItem.excerpt"
-                                    :placeholder="__('Excerpt')"/>
-                    </x-input.group>
-
-                    <x-input.group :for="md5('libraryItem.language_code')" :label="__('Language Code')">
-                        <x-select
-                            placeholder="{{ __('Choose language') }}"
-                            wire:model="libraryItem.language_code"
-                            :clearable="false"
-                            :searchable="true"
-                            :async-data="route('api.languages.index')"
                             option-label="name"
-                            option-value="language"
+                            option-value="id"
                         />
                     </x-input.group>
 
-                    @if($libraryItem->type === App\Enums\LibraryItemType::MarkdownArticleExtern())
-                        <x-input.group :for="md5('libraryItem.value')" :label="__('Article as Markdown')">
-                            <div
-                                class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
-                            <x-input.simple-mde wire:model.defer="libraryItem.value"/>
-                            @error('libraryItem.value') <span class="text-red-500 py-2">{{ $message }}</span> @enderror
+                    <x-input.group :for="md5('libraryItem.type')" label="{{ __('Type') }}">
+                        <x-select
+                            :clearable="false"
+                            wire:model="libraryItem.type"
+                            :options="$types"
+                            option-label="label"
+                            option-value="value"
+                        />
+                    </x-input.group>
+
+                    <x-input.group :for="md5('library')" label="{{ __('Library') }}">
+                        <x-select
+                            :disabled="$lecturer"
+                            hint="{{ __('Please classify by type of your entry.') }}"
+                            :clearable="false"
+                            wire:model="library"
+                            :options="$libraries"
+                            option-label="name"
+                            option-value="id"
+                        />
+                    </x-input.group>
+
+                    <x-input.group :for="md5('selectedTags')" :label="__('Tags')">
+                        <div class="py-2 flex flex-wrap items-center space-x-1">
+                            @foreach($tags as $tag)
+                                <div class="cursor-pointer" wire:key="tag{{ $loop->index }}"
+                                     wire:click="selectTag('{{ $tag->name }}')">
+                                    @if(collect($selectedTags)->contains($tag->name))
+                                        <x-badge
+                                            amber>
+                                            {{ $tag->name }}
+                                        </x-badge>
+                                    @else
+                                        <x-badge
+                                            black>
+                                            {{ $tag->name }}
+                                        </x-badge>
+                                    @endif
+                                </div>
+                            @endforeach
+                        </div>
+                    </x-input.group>
+
+                    @if($libraryItem->lecturer_id && $libraryItem->type && $library && count($selectedTags) > 0)
+                        <x-input.group :for=" md5('image')" :label="__('Main picture')">
+                            <div class="py-4">
+                                @if ($image)
+                                    <div class="text-gray-200">{{ __('Preview') }}:</div>
+                                    <img class="h-48 object-contain" src="{{ $image->temporaryUrl() }}">
+                                @endif
+                                @if ($libraryItem->getFirstMediaUrl('main'))
+                                    <div class="text-gray-200">{{ __('Current picture') }}:</div>
+                                    <img class="h-48 object-contain" src="{{ $libraryItem->getFirstMediaUrl('main') }}">
+                                @endif
+                            </div>
+                            <input class="text-gray-200" type="file" wire:model="image">
+                            @error('image') <span class="text-red-500">{{ $message }}</span> @enderror
                         </x-input.group>
-                    @elseif($libraryItem->type !== App\Enums\LibraryItemType::DownloadableFile())
-                        <x-input.group :for="md5('libraryItem.value')" :label="__('Link')">
-                            <x-input type="url" autocomplete="off" wire:model.debounce="libraryItem.value"
-                                     :placeholder="__('Link')"/>
+
+                        <x-input.group :for="md5('libraryItem.main_image_caption')" :label="__('Main image caption')">
+                            <x-input autocomplete="off" wire:model.debounce="libraryItem.main_image_caption"
+                                     :placeholder="__('Main image caption')"
+                                     :cornerHint="__('Ex: Photo by Timothy Vollmer/ CC BY')"/>
                         </x-input.group>
-                    @elseif($libraryItem->type === App\Enums\LibraryItemType::DownloadableFile())
-                        <x-input.group :for="md5('file')" :label="__('File')">
-                            <input class="text-gray-200" type="file" wire:model="file">
-                            @error('file') <span class="text-red-500">{{ $message }}</span> @enderror
+
+                        <x-input.group :for="md5('libraryItem.name')" :label="__('Title')">
+                            <x-input autocomplete="off" wire:model.debounce="libraryItem.name"
+                                     :placeholder="__('Title')"/>
+                        </x-input.group>
+
+                        <x-input.group :for="md5('libraryItem.subtitle')" :label="__('Subtitle')">
+                            <x-input autocomplete="off" wire:model.debounce="libraryItem.subtitle"
+                                     :placeholder="__('Subtitle')"/>
+                        </x-input.group>
+
+                        <x-input.group :for="md5('libraryItem.excerpt')" :label="__('Excerpt')">
+                            <x-textarea autocomplete="off" wire:model.debounce="libraryItem.excerpt"
+                                        :placeholder="__('Excerpt')"/>
+                        </x-input.group>
+
+                        <x-input.group :for="md5('libraryItem.language_code')" :label="__('Language Code')">
+                            <x-select
+                                placeholder="{{ __('Choose language') }}"
+                                wire:model="libraryItem.language_code"
+                                :clearable="false"
+                                :searchable="true"
+                                :async-data="route('api.languages.index')"
+                                option-label="name"
+                                option-value="language"
+                            />
+                        </x-input.group>
+
+                        @if($libraryItem->type === App\Enums\LibraryItemType::MarkdownArticleExtern())
+                            <x-input.group :for="md5('libraryItem.value')" :label="__('Article as Markdown')">
+                                <div
+                                    class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
+                                <x-input.simple-mde wire:model.defer="libraryItem.value"/>
+                                @error('libraryItem.value') <span
+                                    class="text-red-500 py-2">{{ $message }}</span> @enderror
+                            </x-input.group>
+                        @elseif($libraryItem->type !== App\Enums\LibraryItemType::DownloadableFile())
+                            <x-input.group :for="md5('libraryItem.value')" :label="__('Link')">
+                                <x-input type="url" autocomplete="off" wire:model.debounce="libraryItem.value"
+                                         :placeholder="__('Link')"/>
+                            </x-input.group>
+                        @elseif($libraryItem->type === App\Enums\LibraryItemType::DownloadableFile())
+                            <x-input.group :for="md5('file')" :label="__('File')">
+                                <input class="text-gray-200" type="file" wire:model="file">
+                                @error('file') <span class="text-red-500">{{ $message }}</span> @enderror
+                            </x-input.group>
+                        @endif
+
+                        <x-input.group :for="md5('libraryItem.read_time')" :label="__('Time to read')">
+                            <x-inputs.number min="1" autocomplete="off" wire:model.debounce="libraryItem.read_time"
+                                             :placeholder="__('Time to read')" :hint="__('How many minutes to read?')"/>
+                        </x-input.group>
+
+                        <x-input.group :for="md5('meetupEvent.link')" label="">
+                            <x-button primary wire:click="save">
+                                <i class="fa fa-thin fa-save"></i>
+                                {{ __('Save') }}
+                            </x-button>
                         </x-input.group>
                     @endif
 
-                    <x-input.group :for="md5('libraryItem.read_time')" :label="__('Time to read')">
-                        <x-inputs.number min="1" autocomplete="off" wire:model.debounce="libraryItem.read_time"
-                                         :placeholder="__('Time to read')" :hint="__('How many minutes to read?')"/>
-                    </x-input.group>
-
-                    <x-input.group :for="md5('meetupEvent.link')" label="">
-                        <x-button primary wire:click="save">
-                            <i class="fa fa-thin fa-save"></i>
-                            {{ __('Save') }}
-                        </x-button>
-                    </x-input.group>
-                @endif
-
+                </div>
             </div>
-        </div>
-    </form>
+        </form>
+    </div>
 </div>
diff --git a/resources/views/livewire/school/city-table.blade.php b/resources/views/livewire/school/city-table.blade.php
index d733e461..55c0f059 100644
--- a/resources/views/livewire/school/city-table.blade.php
+++ b/resources/views/livewire/school/city-table.blade.php
@@ -4,6 +4,16 @@
     {{-- MAIN --}}
     <section class="w-full mb-12">
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
+            <div class="md:flex md:items-center md:justify-between">
+                <div class="min-w-0 flex-1">
+                    <h2 class="text-2xl font-bold leading-7 text-white sm:truncate sm:text-3xl sm:tracking-tight">
+                        {{ __('City search') }}
+                    </h2>
+                </div>
+                <div class="mt-4 flex md:mt-0 md:ml-4">
+                    {{----}}
+                </div>
+            </div>
             <livewire:tables.city-table :country="$country->code" type="school"/>
         </div>
     </section>
diff --git a/resources/views/livewire/school/course-table.blade.php b/resources/views/livewire/school/course-table.blade.php
index 2c464516..632af8c9 100644
--- a/resources/views/livewire/school/course-table.blade.php
+++ b/resources/views/livewire/school/course-table.blade.php
@@ -4,6 +4,16 @@
     {{-- MAIN --}}
     <section class="w-full mb-12">
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
+            <div class="md:flex md:items-center md:justify-between">
+                <div class="min-w-0 flex-1">
+                    <h2 class="text-2xl font-bold leading-7 text-white sm:truncate sm:text-3xl sm:tracking-tight">
+                        {{ __('Courses') }}
+                    </h2>
+                </div>
+                <div class="mt-4 flex md:mt-0 md:ml-4">
+                    {{----}}
+                </div>
+            </div>
             <livewire:school.search-by-tag-component :country="$country->code"/>
 {{--            <livewire:frontend.search-tabs :country="$country->code"/>--}}
             <livewire:tables.course-table :country="$country->code"/>
diff --git a/resources/views/livewire/school/event-table.blade.php b/resources/views/livewire/school/event-table.blade.php
index 9d84b2da..faa0cbdc 100644
--- a/resources/views/livewire/school/event-table.blade.php
+++ b/resources/views/livewire/school/event-table.blade.php
@@ -123,6 +123,16 @@
                 </div>
             </div>
 
+            <div class="md:flex md:items-center md:justify-between">
+                <div class="min-w-0 flex-1">
+                    <h2 class="text-2xl font-bold leading-7 text-white sm:truncate sm:text-3xl sm:tracking-tight">
+                        {{ __('Course Events') }}
+                    </h2>
+                </div>
+                <div class="mt-4 flex md:mt-0 md:ml-4">
+                    {{----}}
+                </div>
+            </div>
             <livewire:tables.event-table :country="$country->code"/>
         </div>
     </section>
diff --git a/resources/views/livewire/school/venue-table.blade.php b/resources/views/livewire/school/venue-table.blade.php
index 9a9a2a21..acb8f47f 100644
--- a/resources/views/livewire/school/venue-table.blade.php
+++ b/resources/views/livewire/school/venue-table.blade.php
@@ -4,6 +4,16 @@
     {{-- MAIN --}}
     <section class="w-full mb-12">
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
+            <div class="md:flex md:items-center md:justify-between">
+                <div class="min-w-0 flex-1">
+                    <h2 class="text-2xl font-bold leading-7 text-white sm:truncate sm:text-3xl sm:tracking-tight">
+                        {{ __('Venues') }}
+                    </h2>
+                </div>
+                <div class="mt-4 flex md:mt-0 md:ml-4">
+                    {{----}}
+                </div>
+            </div>
             <livewire:tables.venue-table :country="$country->code"/>
         </div>
     </section>
diff --git a/resources/views/livewire/venue/form/venue-form.blade.php b/resources/views/livewire/venue/form/venue-form.blade.php
index feb4b38e..d595ac7c 100644
--- a/resources/views/livewire/venue/form/venue-form.blade.php
+++ b/resources/views/livewire/venue/form/venue-form.blade.php
@@ -1,94 +1,98 @@
-<div class="container p-4 mx-auto bg-21gray my-2">
+<div>
+    {{-- HEADER --}}
+    <livewire:frontend.header :country="null"/>
+    <div class="container p-4 mx-auto bg-21gray my-2">
 
-    <div class="pb-5 flex flex-row justify-between">
-        <h3 class="text-lg font-medium leading-6 text-gray-200">{{ __('Venue') }}</h3>
-        <div class="flex flex-row space-x-2 items-center">
-            <div>
-                @if($venue->id)
-                    <x-button negative wire:click="deleteMe">
-                        <i class="fa fa-thin fa-trash"></i>
-                        {{ __('Delete') }}
+        <div class="pb-5 flex flex-row justify-between">
+            <h3 class="text-lg font-medium leading-6 text-gray-200">{{ __('Venue') }}</h3>
+            <div class="flex flex-row space-x-2 items-center">
+                <div>
+                    @if($venue->id)
+                        <x-button negative wire:click="deleteMe">
+                            <i class="fa fa-thin fa-trash"></i>
+                            {{ __('Delete') }}
+                        </x-button>
+                    @endif
+                </div>
+                <div>
+                    <x-button :href="$fromUrl">
+                        <i class="fa fa-thin fa-arrow-left"></i>
+                        {{ __('Back') }}
                     </x-button>
-                @endif
-            </div>
-            <div>
-                <x-button :href="$fromUrl">
-                    <i class="fa fa-thin fa-arrow-left"></i>
-                    {{ __('Back') }}
-                </x-button>
+                </div>
             </div>
         </div>
-    </div>
 
-    <form class="space-y-8 divide-y divide-gray-700 pb-24">
-        <div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">
-            <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5">
+        <form class="space-y-8 divide-y divide-gray-700 pb-24">
+            <div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">
+                <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5">
 
-                <x-input.group :for="md5('image')" :label="__('Images')">
-                    <div class="py-4">
-                        @if ($images)
-                            <div class="grid grid-cols-4 gap-1">
-                                @foreach($images as $image)
-                                    <div>
-                                        <div class="text-gray-200">{{ __('Preview') }}:</div>
-                                        <img class="h-48 object-contain" src="{{ $image->temporaryUrl() }}">
-                                    </div>
-                                @endforeach
-                            </div>
-                        @endif
-                        {{--@if ($venue->getFirstMediaUrl('images'))
-                            <div class="text-gray-200">{{ __('Current picture') }}:</div>
-                            <img class="h-48 object-contain" src="{{ $venue->getFirstMediaUrl('logo') }}">
-                        @endif--}}
-                    </div>
-                    <input class="text-gray-200" type="file" multiple wire:model="images">
-                </x-input.group>
-
-                <x-input.group :for="md5('city_id')">
-                    <x-slot name="label">
-                        <div class="flex flex-row space-x-4 items-center">
-                            <div>
-                                {{ __('City') }}
-                            </div>
-                            <x-button xs href="{{ route('city.form') }}">
-                                <i class="fa fa-thin fa-plus"></i>
-                                {{ __('New City') }}
-                            </x-button>
+                    <x-input.group :for="md5('image')" :label="__('Images')">
+                        <div class="py-4">
+                            @if ($images)
+                                <div class="grid grid-cols-4 gap-1">
+                                    @foreach($images as $image)
+                                        <div>
+                                            <div class="text-gray-200">{{ __('Preview') }}:</div>
+                                            <img class="h-48 object-contain" src="{{ $image->temporaryUrl() }}">
+                                        </div>
+                                    @endforeach
+                                </div>
+                            @endif
+                            {{--@if ($venue->getFirstMediaUrl('images'))
+                                <div class="text-gray-200">{{ __('Current picture') }}:</div>
+                                <img class="h-48 object-contain" src="{{ $venue->getFirstMediaUrl('logo') }}">
+                            @endif--}}
                         </div>
-                    </x-slot>
-                    <x-select
-                        :clearable="false"
-                        autocomplete="off"
-                        wire:model.debounce="venue.city_id"
-                        :placeholder="__('City/Area')"
-                        :async-data="[
+                        <input class="text-gray-200" type="file" multiple wire:model="images">
+                    </x-input.group>
+
+                    <x-input.group :for="md5('city_id')">
+                        <x-slot name="label">
+                            <div class="flex flex-row space-x-4 items-center">
+                                <div>
+                                    {{ __('City') }}
+                                </div>
+                                <x-button xs href="{{ route('city.form') }}">
+                                    <i class="fa fa-thin fa-plus"></i>
+                                    {{ __('New City') }}
+                                </x-button>
+                            </div>
+                        </x-slot>
+                        <x-select
+                            :clearable="false"
+                            autocomplete="off"
+                            wire:model.debounce="venue.city_id"
+                            :placeholder="__('City/Area')"
+                            :async-data="[
                             'api' => route('api.cities.index'),
                             'method' => 'GET', // default is GET
                         ]"
-                        option-label="name"
-                        option-value="id"
-                        option-description="country.name"
-                    />
-                </x-input.group>
+                            option-label="name"
+                            option-value="id"
+                            option-description="country.name"
+                        />
+                    </x-input.group>
 
-                <x-input.group :for="md5('venue.name')" :label="__('Name')">
-                    <x-input autocomplete="off" wire:model.debounce="venue.name"
-                             :placeholder="__('Name')"/>
-                </x-input.group>
+                    <x-input.group :for="md5('venue.name')" :label="__('Name')">
+                        <x-input autocomplete="off" wire:model.debounce="venue.name"
+                                 :placeholder="__('Name')"/>
+                    </x-input.group>
 
-                <x-input.group :for="md5('venue.street')" :label="__('Address')">
-                    <x-input autocomplete="off" wire:model.debounce="venue.street"
-                             :placeholder="__('Address')"/>
-                </x-input.group>
+                    <x-input.group :for="md5('venue.street')" :label="__('Address')">
+                        <x-input autocomplete="off" wire:model.debounce="venue.street"
+                                 :placeholder="__('Address')"/>
+                    </x-input.group>
 
-                <x-input.group :for="md5('action')" :label="__('Action')">
-                    <x-button primary wire:click="submit">
-                        <i class="fa fa-thin fa-save"></i>
-                        {{ __('Save') }}
-                    </x-button>
-                </x-input.group>
+                    <x-input.group :for="md5('action')" :label="__('Action')">
+                        <x-button primary wire:click="submit">
+                            <i class="fa fa-thin fa-save"></i>
+                            {{ __('Save') }}
+                        </x-button>
+                    </x-input.group>
 
+                </div>
             </div>
-        </div>
-    </form>
+        </form>
+    </div>
 </div>