@extends('backend.layouts.app')
@section('title', __('Theme 02 Text Customization'))

@section('content')
	<div class="container-fluid">
		<div class="d-flex flex-wrap align-items-start justify-content-between gap-3 mb-4">
			<div>
				<h1 class="h3 mb-2">{{ __('Zilitpay Premium Text Customization') }}</h1>
				<p class="text-muted mb-0">{{ __('Edit Theme 02 public copy by section. Leave a field blank to use its original default. Existing page-builder, navigation, footer, and subscription data remains in its current editor.') }}</p>
			</div>
			<a href="{{ route('admin.theme-manager.index') }}" class="btn btn-outline-secondary">{{ __('Back to Theme Manager') }}</a>
		</div>

		<form method="POST" action="{{ route('admin.theme-manager.texts.update') }}">
			@csrf
			@method('PUT')

			<div class="d-flex flex-wrap gap-2 mb-4">
				@foreach($groups as $group)
					<a class="btn btn-light btn-sm" href="#zp-text-{{ $group['key'] }}">{{ __($group['label']) }}</a>
				@endforeach
			</div>

			@foreach($groups as $group)
				<section class="card mb-4" id="zp-text-{{ $group['key'] }}">
					<div class="card-header">
						<h2 class="h5 mb-1">{{ __($group['label']) }}</h2>
						<p class="text-muted small mb-0">{{ __($group['description']) }}</p>
					</div>
					<div class="card-body">
						<div class="row g-3">
							@foreach($group['fields'] as $field)
								@php
									$fieldValue = old('texts.'.$field['key'], \App\Support\ZilitpayPremiumText::get($field['key']));
								@endphp
								<div class="col-12 {{ $field['type'] === 'textarea' ? '' : 'col-md-6' }}">
									<label class="form-label" for="zp-text-field-{{ $field['key'] }}">{{ __($field['label']) }}</label>
									@if($field['type'] === 'textarea')
										<textarea class="form-control" id="zp-text-field-{{ $field['key'] }}" name="texts[{{ $field['key'] }}]" rows="3">{{ $fieldValue }}</textarea>
									@else
										<input class="form-control" type="text" id="zp-text-field-{{ $field['key'] }}" name="texts[{{ $field['key'] }}]" value="{{ $fieldValue }}">
									@endif
									@error('texts.'.$field['key'])
										<div class="invalid-feedback d-block">{{ $message }}</div>
									@enderror
								</div>
							@endforeach
						</div>
					</div>
				</section>
			@endforeach

			<div class="d-flex justify-content-end mb-4">
				<button type="submit" class="btn btn-primary">{{ __('Save Theme Text') }}</button>
			</div>
		</form>
	</div>
@endsection