@extends('layouts.app')

@section('content')

<div class="content-header">
	<p class="title">Settings List</p>
	<ul>
		<li><a href="{{ route('settings.create') }}">{{ __('New Settings') }}</a></li>
	</ul>
</div>

<div class="content">
	<form method="POST" action="{{ route('settings.update') }}">
		@csrf
		@method('POST') {{-- Assuming you will update via POST, adjust if needed --}}

		<table class="table table-borderless">
			<tbody>
				@foreach($settings as $setting)
				@if($loop->index % 2 == 0)
				<tr> {{-- Start a new row every two settings --}}
					@endif
					<td style="width: 50%; padding: 0.75em;">
						<strong>{{ $setting->title }}</strong>
						<div class="form-group mt-1">
							@switch($setting->type)
							@case('text')
							<input type="text" class="form-control @error('settings.'.$setting->key.'.value') is-invalid @enderror" name="settings[{{ $setting->key }}][value]" value="{{ old('settings.'.$setting->key.'.value', $setting->value) }}" {{ $setting->editable ? '' : 'disabled' }}>
							@break

							@case('date')
							<input type="date" class="form-control @error('settings.'.$setting->key.'.value') is-invalid @enderror" name="settings[{{ $setting->key }}][value]" value="{{ old('settings.'.$setting->key.'.value', $setting->value) }}" {{ $setting->editable ? '' : 'disabled' }}>
							@break

							@case('tel')
							<input type="tel" class="form-control @error('settings.'.$setting->key.'.value') is-invalid @enderror" name="settings[{{ $setting->key }}][value]" value="{{ old('settings.'.$setting->key.'.value', $setting->value) }}" {{ $setting->editable ? '' : 'disabled' }}>
							@break

							@case('boolean')
							<select class="form-control @error('settings.'.$setting->key.'.value') is-invalid @enderror" name="settings[{{ $setting->key }}][value]" {{ $setting->editable ? '' : 'disabled' }}>
								<option value="1" {{ old('settings.'.$setting->key.'.value', $setting->value) == '1' ? 'selected' : '' }}>Yes</option>
								<option value="0" {{ old('settings.'.$setting->key.'.value') == '0' ? 'selected' : '' }}>No</option>
							</select>
							@break

							@case('textarea')
							<textarea class="form-control @error('settings.'.$setting->key.'.value') is-invalid @enderror" name="settings[{{ $setting->key }}][value]" rows="3" {{ $setting->editable ? '' : 'disabled' }}>{{ old('settings.'.$setting->key.'.value', $setting->value) }}</textarea>
							@break

							@default
							<input type="text" class="form-control @error('settings.'.$setting->key.'.value') is-invalid @enderror" name="settings[{{ $setting->key }}][value]" value="{{ old('settings.'.$setting->key.'.value', $setting->value) }}" {{ $setting->editable ? '' : 'disabled' }}>
							@endswitch

							@error('settings.'.$setting->key.'.value')
							<span class="text-danger">{{ $message }}</span>
							@enderror
						</div>
					</td>
					@if($loop->index % 2 == 1 || $loop->last)
				</tr> {{-- Close the row after two settings or if it's the last setting --}}
				@endif
				@endforeach
			</tbody>
		</table>

		<button type="submit" class="btn btn-primary" style="float: right;">Save</button>
	</form>
</div>

@endsection