You've already forked Atomcms-edit
Initial commit
This commit is contained in:
+86
@@ -0,0 +1,86 @@
|
||||
<x-installation-layout>
|
||||
<x-content.installation-content-section icon="hotel-icon" classes="border">
|
||||
<x-slot:title>
|
||||
{{ __('Choose Your Style') }}
|
||||
</x-slot:title>
|
||||
|
||||
<x-slot:under-title>
|
||||
{{ __('Pick a preset style for your hotel') }}
|
||||
</x-slot:under-title>
|
||||
|
||||
<form action="{{ route('installation.complete') }}" method="POST" class="space-y-6">
|
||||
@csrf
|
||||
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
|
||||
@php
|
||||
$presets = [
|
||||
['id' => 'default', 'name' => 'Default', 'color' => '#eeb425', 'desc' => 'Classic gold theme'],
|
||||
['id' => 'atom_original', 'name' => 'Atom Original', 'color' => '#eeb425', 'desc' => 'Light fresh look'],
|
||||
['id' => 'modern', 'name' => 'Modern', 'color' => '#6366f1', 'desc' => 'Sleek purple'],
|
||||
['id' => 'retro', 'name' => 'Retro', 'color' => '#f43f5e', 'desc' => 'Retro gaming vibes'],
|
||||
['id' => 'nature', 'name' => 'Nature', 'color' => '#22c55e', 'desc' => 'Fresh green theme'],
|
||||
['id' => 'ocean', 'name' => 'Ocean', 'color' => '#0ea5e9', 'desc' => 'Deep blue waters'],
|
||||
['id' => 'sunset', 'name' => 'Sunset', 'color' => '#f97316', 'desc' => 'Warm orange glow'],
|
||||
['id' => 'royal', 'name' => 'Royal', 'color' => '#8b5cf6', 'desc' => 'Elegant purple'],
|
||||
['id' => 'minimal', 'name' => 'Minimal', 'color' => '#000000', 'desc' => 'Clean black & white'],
|
||||
['id' => 'cyberpunk', 'name' => 'Cyberpunk', 'color' => '#ff00ff', 'desc' => 'Neon sci-fi'],
|
||||
['id' => 'christmas', 'name' => 'Christmas', 'color' => '#dc2626', 'desc' => 'Festive red/green'],
|
||||
['id' => 'halloween', 'name' => 'Halloween', 'color' => '#f97316', 'desc' => 'Spooky orange/purple'],
|
||||
['id' => 'valentine', 'name' => 'Valentine', 'color' => '#ec4899', 'desc' => 'Romantic pink'],
|
||||
['id' => 'matrix', 'name' => 'Matrix', 'color' => '#00ff00', 'desc' => 'Digital green'],
|
||||
['id' => 'discord', 'name' => 'Discord', 'color' => '#5865f2', 'desc' => 'Discord-inspired'],
|
||||
['id' => 'neon', 'name' => 'Neon', 'color' => '#ff00ff', 'desc' => 'Glowing neon'],
|
||||
['id' => 'coffee', 'name' => 'Coffee', 'color' => '#8b5a2b', 'desc' => 'Warm brown tones'],
|
||||
['id' => 'strawberry', 'name' => 'Strawberry', 'color' => '#ff6b6b', 'desc' => 'Sweet pink'],
|
||||
['id' => 'lavender', 'name' => 'Lavender', 'color' => '#a855f7', 'desc' => 'Calm purple'],
|
||||
['id' => 'midnight', 'name' => 'Midnight', 'color' => '#60a5fa', 'desc' => 'Deep dark blue'],
|
||||
['id' => 'golden', 'name' => 'Golden', 'color' => '#fbbf24', 'desc' => 'Luxury gold'],
|
||||
['id' => 'arctic', 'name' => 'Arctic', 'color' => '#06b6d4', 'desc' => 'Icy cyan'],
|
||||
['id' => 'magma', 'name' => 'Magma', 'color' => '#ef4444', 'desc' => 'Hot red/lava'],
|
||||
['id' => 'forest', 'name' => 'Forest', 'color' => '#16a34a', 'desc' => 'Deep green woods'],
|
||||
];
|
||||
|
||||
$selectedPreset = setting('preset', 'default');
|
||||
@endphp
|
||||
|
||||
@foreach($presets as $preset)
|
||||
<label class="cursor-pointer group">
|
||||
<input type="radio" name="selected_preset" value="{{ $preset['id'] }}" class="peer sr-only" {{ $selectedPreset === $preset['id'] ? 'checked' : '' }}>
|
||||
<div class="p-4 rounded-xl border-2 border-gray-200 peer-checked:border-[{{ $preset['color'] }}] peer-checked:shadow-lg transition-all duration-200 hover:border-gray-300 hover:shadow-md">
|
||||
<div class="flex items-center gap-3 mb-2">
|
||||
<div class="w-8 h-8 rounded-lg" style="background-color: {{ $preset['color'] }}"></div>
|
||||
<span class="font-semibold text-gray-800">{{ $preset['name'] }}</span>
|
||||
</div>
|
||||
<p class="text-xs text-gray-500">{{ $preset['desc'] }}</p>
|
||||
</div>
|
||||
</label>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="theme" value="{{ setting('theme', 'atom') }}">
|
||||
<input type="hidden" name="preset" value="custom">
|
||||
|
||||
<x-form.secondary-button>
|
||||
{{ __('Save Style & Continue') }}
|
||||
</x-form.secondary-button>
|
||||
</form>
|
||||
|
||||
<div class="flex gap-x-4">
|
||||
<form action="{{ route('installation.previous-step') }}" method="POST" class="w-full mt-3">
|
||||
@csrf
|
||||
|
||||
<x-form.primary-button>
|
||||
{{ __('Previous step') }}
|
||||
</x-form.primary-button>
|
||||
</form>
|
||||
|
||||
<form action="{{ route('installation.restart') }}" method="POST" class="w-full mt-3">
|
||||
@csrf
|
||||
|
||||
<x-form.danger-button>
|
||||
{{ __('Restart installation') }}
|
||||
</x-form.danger-button>
|
||||
</form>
|
||||
</div>
|
||||
</x-content.installation-content-section>
|
||||
</x-installation-layout>
|
||||
Reference in New Issue
Block a user