@extends('layouts.admin')

@section('title', __('Create Site Setting'))

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ __('Create New Site Setting') }}</h3>
                    <div class="card-tools">
                        <a href="{{ route('admin.site-settings.index', ['locale' => app()->getLocale()]) }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-arrow-left"></i> {{ __('Back') }}
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.site-settings.store', ['locale' => app()->getLocale()]) }}" method="POST">
                        @csrf

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="setting_key">{{ __('Setting Key') }} <span class="text-danger">*</span></label>
                                    <input type="text" name="setting_key" id="setting_key" class="form-control @error('setting_key') is-invalid @enderror" value="{{ old('setting_key') }}" required>
                                    @error('setting_key')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="setting_type">{{ __('Setting Type') }} <span class="text-danger">*</span></label>
                                    <select name="setting_type" id="setting_type" class="form-control @error('setting_type') is-invalid @enderror" required>
                                        <option value="">{{ __('Select Type') }}</option>
                                        <option value="text" {{ old('setting_type') == 'text' ? 'selected' : '' }}>{{ __('Text') }}</option>
                                        <option value="textarea" {{ old('setting_type') == 'textarea' ? 'selected' : '' }}>{{ __('Textarea') }}</option>
                                        <option value="boolean" {{ old('setting_type') == 'boolean' ? 'selected' : '' }}>{{ __('Boolean') }}</option>
                                        <option value="number" {{ old('setting_type') == 'number' ? 'selected' : '' }}>{{ __('Number') }}</option>
                                        <option value="json" {{ old('setting_type') == 'json' ? 'selected' : '' }}>{{ __('JSON') }}</option>
                                        <option value="image" {{ old('setting_type') == 'image' ? 'selected' : '' }}>{{ __('Image') }}</option>
                                        <option value="color" {{ old('setting_type') == 'color' ? 'selected' : '' }}>{{ __('Color') }}</option>
                                    </select>
                                    @error('setting_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="value_en">{{ __('Value (English)') }}</label>
                                    <input type="text" name="value_en" id="value_en" class="form-control @error('value_en') is-invalid @enderror" value="{{ old('value_en') }}">
                                    @error('value_en')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="value_ar">{{ __('Value (Arabic)') }}</label>
                                    <input type="text" name="value_ar" id="value_ar" class="form-control @error('value_ar') is-invalid @enderror" value="{{ old('value_ar') }}">
                                    @error('value_ar')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="category">{{ __('Category') }}</label>
                                    <input type="text" name="category" id="category" class="form-control @error('category') is-invalid @enderror" value="{{ old('category') }}">
                                    @error('category')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="sort_order">{{ __('Sort Order') }}</label>
                                    <input type="number" name="sort_order" id="sort_order" class="form-control @error('sort_order') is-invalid @enderror" value="{{ old('sort_order') }}" min="0">
                                    @error('sort_order')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="description_en">{{ __('Description (English)') }}</label>
                                    <textarea name="description_en" id="description_en" class="form-control @error('description_en') is-invalid @enderror" rows="3">{{ old('description_en') }}</textarea>
                                    @error('description_en')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="description_ar">{{ __('Description (Arabic)') }}</label>
                                    <textarea name="description_ar" id="description_ar" class="form-control @error('description_ar') is-invalid @enderror" rows="3">{{ old('description_ar') }}</textarea>
                                    @error('description_ar')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> {{ __('Create Setting') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection