@extends('layouts.app')

@section('content')
<div class="container">
	<h2>Layout Einstellungen</h2>
	<p>
		<a href="{{ route('layout_settings.create') }}" class="btn btn-primary">Neues Layout</a>
	</p>
	@if (session('success'))
	<div class="alert alert-success">
		{{ session('success') }}
	</div>
	@endif
	<table class="table">
		<thead>
		<tr>
			<th>Name</th>
			<th>Menu Typ</th>
			<th>Menu Hintergrundfarbe</th>
			<th>Menu Schriftfarbe</th>
			<th>Schriftwarbe Seite</th>
			<th>Schriftart</th>
            <th>Webseiten-Icon</th>
            <th>Logo</th>
            <th>Hintergrundbild</th>
			<th>Aktionen</th>
		</tr>
		</thead>
		<tbody>
		@foreach ($settings as $settingItem )
		<tr @if($settingItem->active == 1)style="background-color: rgba(221, 221, 221, 0.5)"@endif>
			<td>{{ $settingItem->name }} <br /> @if($settingItem->active == 1)(Aktuell aktiv)@endif</td>
			<td>{{ $settingItem->menuType }}</td>
			<td><div style="background-color: {{ $settingItem->menu_backgroundcolor }}; height: 20px;"></div></td>
			<td><div style="background-color: {{ $settingItem->menu_color }}; height: 20px;"></div></td>
			<td><div style="background-color: {{ $settingItem->color }}; height: 20px;"></div></td>
			<td>{{ $settingItem->font_family }}</td>
            <td>
                @if ($settingItem ->icon)
                <img src="{{ asset('public/assets/img/' . $settingItem->icon) }}" alt="Icon" style="max-width: 400px; max-height: 200px;">
                @endif
            </td>
            <td>
                @if ($settingItem ->logo)
                <img src="{{ asset('public/assets/img/' . $settingItem->logo) }}" alt="Logo" style="max-width: 400px; max-height: 200px;">
                @endif
            </td>
			<td>
				@if ($settingItem ->backgroundImage)
				<img src="{{ asset('public/assets/img/' . $settingItem->backgroundImage) }}" alt="Background Image" style="max-width: 400px; max-height: 200px;">
				@endif
			</td>
			<td>
                @if($settingItem->active == 0)<a href="/layout_settings/setActive/{{$settingItem->id}}" class="btn btn-sm btn-primary">Aktiv schalten</a>@endif
                <a href="{{ route('layout_settings.edit', $settingItem) }}" class="btn btn-sm btn-primary">Ändern</a>
				<form action="{{ route('layout_settings.destroy', $settingItem) }}" method="POST" style="display: inline-block;">
					@csrf
					@method('DELETE')
					<button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Möchten Sie dieses Layout löschen?')">Löschen</button>
				</form>
			</td>
		</tr>
		@endforeach
		</tbody>
	</table>
</div>
@endsection