@extends('admin.layouts.app')
@section('page-title', $currentPage)
@push('styles')<link rel="stylesheet" href="{{ asset('assets/wholesale.css') }}"><link rel="stylesheet" href="{{ asset('assets/settings.css') }}">@endpush
@section('content')
<div class="ws-app"><div class="ws-toolbar"><h2>{{ $currentPage }}</h2><a class="ws-button" href="{{ route('admin.module', 'settings') }}">All Settings</a></div>
@if(session('status'))<p class="ws-party-strip" role="status">{{ session('status') }}</p>@endif
@if($errors->any())<div class="ws-party-strip is-error" role="alert">@foreach($errors->all() as $error)<p>{{ $error }}</p>@endforeach @if($errors->has('version'))<a href="{{ route('admin.settings.'.$group) }}">Reload saved settings</a>@endif</div>@endif
<form method="post" enctype="multipart/form-data" action="{{ route('admin.settings.'.$group.'.update') }}" class="panel">@csrf<input type="hidden" name="version" value="{{ old('version', $version) }}">
<div class="ws-fields">
@foreach($values as $key => $value)
    @if($key === 'rows')
        <div class="ws-span"><p class="ws-help">Up to 20 logos. Order below is display order. Remove a row to remove its logo. PNG/JPG/WebP, max 2 MB each.</p>
        <div data-partner-rows>
        @foreach([...old('values.rows', $value), ...(count(old('values.rows', $value)) < 20 ? [['id' => '', 'name' => '', 'image' => null]] : [])] as $row)
            <div class="ws-fields" data-logo-row><input type="hidden" name="values[rows][{{ $loop->index }}][id]" value="{{ $row['id'] ?? '' }}">
                <div class="ws-field"><label>Partner name<input name="values[rows][{{ $loop->index }}][name]" maxlength="100" value="{{ $row['name'] ?? '' }}"></label></div>
                <div class="ws-field"><label>Logo image<input type="file" name="values[rows][{{ $loop->index }}][image]" accept="image/png,image/jpeg,image/webp"></label></div>
                @if(!empty($row['image']) && is_string($row['image']))<img src="{{ app(\App\Services\SiteSettings::class)->url($row['image']) }}" alt="{{ $row['name'] }}" width="120" height="55" style="object-fit:contain">@endif
                <div><button class="ws-button" type="button" data-logo-up>Move up</button><button class="ws-button" type="button" data-logo-down>Move down</button><button class="ws-button" type="button" data-remove-logo>Remove row</button></div>
            </div>
        @endforeach
        </div><button type="button" class="ws-button" data-add-logo>Add another logo</button></div>
    @elseif($key === 'logo')
        <div class="ws-field ws-span"><label for="setting-logo">Logo (PNG/JPG/WebP, max 2 MB)</label><input id="setting-logo" type="file" name="values[logo]" accept="image/png,image/jpeg,image/webp">@if($value)<img src="{{ app(\App\Services\SiteSettings::class)->url($value) }}" alt="Current logo" width="120" height="60" style="object-fit:contain">@endif<input type="hidden" name="values[remove_logo]" value="0"><label class="ws-check"><input type="checkbox" name="values[remove_logo]" value="1" @checked(old('values.remove_logo', false))> Remove current logo</label></div>
    @elseif($key === 'visible')
        <div class="ws-span"><input type="hidden" name="values[visible]" value="0"><label class="ws-check"><input type="checkbox" name="values[visible]" value="1" @checked(old('values.visible', $value))> Show this section</label></div>
    @elseif(in_array($key, ['density','sidebar_width','font_size']))
        <div class="ws-field"><label for="setting-{{ $key }}">{{ ucwords(str_replace('_',' ',$key)) }}</label><select id="setting-{{ $key }}" name="values[{{ $key }}]">@foreach(match($key) {'density' => ['compact','comfortable'], 'sidebar_width' => ['200','220','240'], default => ['12','13','14']} as $option)<option value="{{ $option }}" @selected((string)old('values.'.$key, $value) === $option)>{{ ucfirst($option) }}{{ $key === 'density' ? '' : ' px' }}</option>@endforeach</select></div>
    @else
        <div class="ws-field {{ in_array($key,['navigation','description','address']) ? 'ws-span' : '' }}"><label for="setting-{{ $key }}">{{ ucwords(str_replace('_',' ',$key)) }}</label>
        @if(in_array($key,['navigation','description','address']))<textarea id="setting-{{ $key }}" name="values[{{ $key }}]" rows="{{ $key === 'navigation' ? 8 : 3 }}">{{ old('values.'.$key, $value) }}</textarea>
        @else<input id="setting-{{ $key }}" name="values[{{ $key }}]" value="{{ old('values.'.$key, $value) }}" type="{{ $key === 'accent' ? 'color' : ($key === 'email' ? 'email' : 'text') }}">@endif
        @if($key === 'navigation')<small>One link per line: Label | /local-path. Up to 12 links; same links appear in desktop/mobile navigation.</small>@endif
        </div>
    @endif
@endforeach
</div><div class="ws-form-actions"><p>{{ $group === 'layout' ? 'Dashboard only. Font size is limited to 12–14 px.' : 'Saved content is available to the website through its settings API.' }}</p><button type="submit" class="ws-button ws-primary">Save settings</button></div></form></div>
@endsection
@push('scripts')
<script src="{{ asset('assets/site-settings.js') }}" defer></script>
@endpush