@php
    $modelName = $model;
    $modelClass = str_replace('.', '-', $model);
    // dd("{$lang}.{$model}");
    if (isset($lang)) {
        $modelName = "{$lang}.{$model}";
        $modelClass = "{$lang}-{$model}";
        $f = (array) $__data[$lang];
    }

    if (!isset($type)) {
        $type = 'text';
    }
@endphp

<div>
    <fieldset @class([
        'form-group',
        'is-invalid' => $errors->has($modelName),
        'my-3',
        isset($class) ? $class : '',
    ])>
        {{-- @if (isset($lang))
            @json($__data[$lang]->content)
        @endif --}}
        <label for="{{ $title }}">{!! $title !!}
            @if (isset($reccommedChar))
                {{ '(Recommend character : ' . mb_strlen($__data[$lang]->content) . '/' . $reccommedChar . ')' }}
            @endif
        </label>
        @if ($type == 'textarea')
            <textarea id="inputField" type="{{ $type }}" wire:model.live.change="{{ $modelName }}" style="height: 200px;"
                @class([
                    'form-control' => $type != 'checkbox' && $type != 'radio',
                ]) @disabled(isset($disabled) && $disabled)></textarea>
        @elseif ($type == 'bank')
            <input type="number" wire:model.live.change="{{ $modelName }}" @class([
                'form-control' => $type != 'checkbox' && $type != 'radio',
                $modelClass,
            ])
                @disabled(isset($disabled) && $disabled)>
        @else
            <input type="{{ $type }}" wire:model.live.change="{{ $modelName }}" @class([
                'form-control' => $type != 'checkbox' && $type != 'radio',
                $modelClass,
            ])
                @disabled(isset($disabled) && $disabled)>
        @endif
        @error($modelName)
            <div class="text-danger">{{ $message }}</div>
        @endError
    </fieldset>
</div>

<script>
    $(document).ready(function() {
        moment.tz.setDefault('Asia/Bangkok');

        const modelName = @json($modelName)

        if (modelName == 'form.publishedAt' && !@this.get(modelName)) {

            const currentDate = moment().format('YYYY-MM-DD HH:mm')

            @this.set(modelName, currentDate)
        }

        if (modelName == 'form.publishedEnd' && !@this.get(modelName)) {

            const currentDate = moment().add(30, 'days').format('YYYY-MM-DD HH:mm')

            @this.set(modelName, currentDate)
        }
    })
</script>