@php
    $isEdit = filled($record);
    $namePrefix = $modalId.'_';
@endphp

<div class="modal fade" id="{{ $modalId }}" tabindex="-1" aria-labelledby="{{ $modalId }}Label" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-scrollable">
        <div class="modal-content glass-panel admin-text border-0 rounded-4">
            <form method="POST" action="{{ $action }}">
                @csrf
                @if ($method !== 'POST')
                    @method($method)
                @endif

                <div class="modal-header" style="border-color: var(--admin-border);">
                    <div>
                        <h2 class="modal-title fs-5 fw-bold" id="{{ $modalId }}Label">
                            @if ($isEdit)
                                <span data-admin-en="Edit Site Setting" data-admin-as="সম্পাদনা কৰক ছাইট ছেটিং">Edit Site Setting</span>
                            @else
                                <span data-admin-en="Create Site Setting" data-admin-as="সৃষ্টি কৰক ছাইট ছেটিং">Create Site Setting</span>
                            @endif
                        </h2>
                        <p class="small admin-muted mb-0"><span data-admin-en="Save the record directly from this modal." data-admin-as="এই মডালৰ পৰাই ৰেকৰ্ড সংৰক্ষণ কৰক।">Save the record directly from this modal.</span></p>
                    </div>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-12 col-md-6">
                            <label class="form-label small fw-semibold admin-muted" for="{{ $namePrefix }}group">
                                <span data-admin-en="Group" data-admin-as="গোট">Group</span>
                <span class="text-danger">*</span>
                            </label>
                                <input class="form-control admin-input rounded-4 @error('group') is-invalid @enderror" id="{{ $namePrefix }}group" type="text" name="group" value="{{ old('group', $record?->group) instanceof \Illuminate\Support\Carbon ? (old('group', $record?->group)->format('text' === 'datetime-local' ? 'Y-m-d\TH:i' : 'Y-m-d')) : old('group', $record?->group) }}">
                            @error('group')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12 col-md-6">
                            <label class="form-label small fw-semibold admin-muted" for="{{ $namePrefix }}key">
                                <span data-admin-en="Key" data-admin-as="কি">Key</span>
                <span class="text-danger">*</span>
                            </label>
                                <input class="form-control admin-input rounded-4 @error('key') is-invalid @enderror" id="{{ $namePrefix }}key" type="text" name="key" value="{{ old('key', $record?->key) instanceof \Illuminate\Support\Carbon ? (old('key', $record?->key)->format('text' === 'datetime-local' ? 'Y-m-d\TH:i' : 'Y-m-d')) : old('key', $record?->key) }}">
                            @error('key')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12">
                            <label class="form-label small fw-semibold admin-muted" for="{{ $namePrefix }}value_en">
                                <span data-admin-en="Value (English)" data-admin-as="মান (ইংৰাজী)">Value (English)</span>
                            </label>
                                <textarea class="form-control admin-input rounded-4 @error('value_en') is-invalid @enderror" id="{{ $namePrefix }}value_en" name="value_en" rows="4">{{ old('value_en', $record?->value_en) }}</textarea>
                            @error('value_en')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12">
                            <label class="form-label small fw-semibold admin-muted" for="{{ $namePrefix }}value_as">
                                <span data-admin-en="Value (Assamese)" data-admin-as="মান (অসমীয়া)">Value (Assamese)</span>
                            </label>
                                <textarea class="form-control admin-input rounded-4 @error('value_as') is-invalid @enderror" id="{{ $namePrefix }}value_as" name="value_as" rows="4">{{ old('value_as', $record?->value_as) }}</textarea>
                            @error('value_as')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12 col-md-6">
                            <label class="form-label small fw-semibold admin-muted" for="{{ $namePrefix }}value_type">
                                <span data-admin-en="Value Type" data-admin-as="মানৰ ধৰণ">Value Type</span>
                            </label>
                                <select class="form-select admin-input rounded-4 @error('value_type') is-invalid @enderror" id="{{ $namePrefix }}value_type" name="value_type">
                                    <option value="" data-admin-en="Select value type" data-admin-as="মানৰ ধৰণ বাছনি কৰক">Select value type</option>
                                    @foreach ($selectOptions['valueTypes'] ?? [] as $optionValue => $optionLabel)
                                        <option value="{{ $optionValue }}" @selected((string) old('value_type', $record?->value_type) === (string) $optionValue) data-admin-en="{{ $optionLabel }}" data-admin-as="{{ $selectOptionLabelsAs[$optionValue] ?? $optionLabel }}">{{ $optionLabel }}</option>
                                    @endforeach
                                </select>
                            @error('value_type')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12 col-md-6">
                            <label class="form-label small fw-semibold admin-muted" for="{{ $namePrefix }}status">
                                <span data-admin-en="Status" data-admin-as="স্থিতি">Status</span>
                            </label>
                                <select class="form-select admin-input rounded-4 @error('status') is-invalid @enderror" id="{{ $namePrefix }}status" name="status">
                                    <option value="" data-admin-en="Select status" data-admin-as="স্থিতি বাছনি কৰক">Select status</option>
                                    @foreach ($selectOptions['categoryStatuses'] ?? [] as $optionValue => $optionLabel)
                                        <option value="{{ $optionValue }}" @selected((string) old('status', $record?->status) === (string) $optionValue) data-admin-en="{{ $optionLabel }}" data-admin-as="{{ $selectOptionLabelsAs[$optionValue] ?? $optionLabel }}">{{ $optionLabel }}</option>
                                    @endforeach
                                </select>
                            @error('status')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12 col-md-6">
                            <label class="form-label small fw-semibold admin-muted" for="{{ $namePrefix }}sort_order">
                                <span data-admin-en="Sort Order" data-admin-as="ক্ৰম">Sort Order</span>
                            </label>
                                <input class="form-control admin-input rounded-4 @error('sort_order') is-invalid @enderror" id="{{ $namePrefix }}sort_order" type="number" name="sort_order" value="{{ old('sort_order', $record?->sort_order) instanceof \Illuminate\Support\Carbon ? (old('sort_order', $record?->sort_order)->format('number' === 'datetime-local' ? 'Y-m-d\TH:i' : 'Y-m-d')) : old('sort_order', $record?->sort_order) }}">
                            @error('sort_order')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="modal-footer" style="border-color: var(--admin-border);">
                    <button type="button" class="btn glass-card admin-text rounded-4 px-3" data-bs-dismiss="modal"><span data-admin-en="Cancel" data-admin-as="বাতিল">Cancel</span></button>
                    <button type="submit" class="btn btn-success rounded-4 px-4 fw-semibold">
                        @if ($isEdit)
                            <span data-admin-en="Update" data-admin-as="আপডেট">Update</span>
                        @else
                            <span data-admin-en="Create" data-admin-as="সৃষ্টি">Create</span>
                        @endif
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>