Initial commit

resources/themes/atom/views/community/radio/disabled.blade.php

@@ -0,0 +1,54 @@
+<x-app-layout>
+ @push('title', 'Radio')
+
+ <div class="col-span-12 lg:col-span-9 lg:w-[96%]">
+ <div class="flex flex-col gap-y-4">
+ <x-content.content-card icon="music-icon" classes="border dark:border-gray-900">
+ <x-slot:title>
+ {{ setting('hotel_name') }} Radio
+ </x-slot:title>
+
+ <x-slot:under-title>
+ Radio is momenteel offline
+ </x-slot:under-title>
+
+ <div class="px-2 text-sm space-y-4 dark:text-gray-200">
+ <div class="bg-gray-100 dark:bg-gray-800 rounded-lg p-8 text-center">
+ <div class="text-6xl mb-4">📻</div>
+ <h2 class="text-xl font-bold text-[var(--color-primary)] mb-2">Radio is Offline</h2>
+ <p class="text-gray-500">Onze radio is momenteel niet beschikbaar.</p>
+ <p class="text-sm text-gray-400 mt-2">Kom later terug om te luisteren naar onze geweldige DJ's!</p>
+ 
+ <div class="mt-6 space-y-2">
+ <a href="{{ route('radio.rooster') }}" class="block text-[var(--color-primary)] hover:underline">
+ Bekijk het rooster
+ </a>
+ @if(setting('radio_applications_enabled') == '1')
+ <a href="{{ route('radio.apply') }}" class="block text-[var(--color-primary)] hover:underline">
+ Word DJ
+ </a>
+ @endif
+ </div>
+ </div>
+ </div>
+ </x-content.content-card>
+ </div>
+ </div>
+
+ <div class="col-span-12 lg:col-span-3 lg:w-[110%] space-y-4 lg:-ml-[32px]">
+ <x-content.content-card icon="info-icon" classes="border dark:border-gray-900">
+ <x-slot:title>
+ Radio Info
+ </x-slot:title>
+
+ <x-slot:under-title>
+ Over onze radio
+ </x-slot:under-title>
+
+ <div class="px-2 text-sm space-y-4 dark:text-gray-200">
+ <p>Onze radio is normaal gesproken 24/7 online met de beste muziek!</p>
+ <p class="text-xs text-gray-500">De radio kan tijdelijk offline zijn voor onderhoud.</p>
+ </div>
+ </x-content.content-card>
+ </div>
+</x-app-layout>