@if (!empty(languages()))
    <div class="card card-body">
        @foreach (languages() as $lang => $item)
            <div class="lang-content {{ $lang == 'th' ? 'active' : '' }}" data-lang="{{ $lang ?? 'th' }}">
                <div class="alert alert-light bg-light text-dark border-0" role="alert">
                    <i class="fe-bell me-1"></i>{{ __('field.frm') }}<strong class="ms-1">{{ $item['name'] ?? '' }}
                        <i class="{{ $item['flag'] ?? "flag flag-{$lang}" }}"></i></strong>
                </div>
                <div class="col-md-12 mb-3 {{ empty($config['input']['name']['status']) ? 'd-none' : '' }}">
                    <label class="form-label {{ !empty($config['input']['name']['validate']) ? 'required' : '' }}">{{ __('field.name') }}</label>
                    <x-form.input name="name_{{ $lang }}" type="input" value="{{ $data['detail'][$lang]['name'] ?? null }}" placeholder="{{ __('field.name_placeholder') }}" />
                </div>
                <div class="col-md-12 mb-3 {{ empty($config['input']['description']['status']) ? 'd-none' : '' }}">
                    <label class="form-label" for="description_{{ $lang }}">{{ __('field.desc') }}</label>
                    <textarea class="form-control" id="description_{{ $lang }}" name="description_{{ $lang }}" rows="5">{{ $data['detail'][$lang]['description'] ?? '' }}</textarea>
                </div>
            </div>
        @endforeach
    </div>
@endif