@props([
    'name',
    'multi_lang' => false,
    'model' => null,
    'label' => null,
    'value' => null,
    'type' => 'text',
    'attr' => '',
    'show' => false,
])

@php
    $calssVal = $name;
    $value = $value ?? $model?->$name ?? null;
    $label = is_null($label) ? null : __("admin.$label");
    $attribute_name = $label ?? trans("admin.$name");
@endphp

@if ($multi_lang)
    <div class="row">
        @foreach (languages() as $lang)
            <div class="col-md-6 col-12">
                <div class="form-group">
                    <label for="first-name-column">
                        {{ $field_name = __("admin.{$lang}_attribute", ['attribute' => $attribute_name]) }}
                    </label>
                    <div class="controls">
                        <input type="text" name="{{ $name . '[' . $lang . ']' }}" {!! $attr !!}
                            value="{{ $model?->getTranslation($name, $lang) }}" class="form-control {{ $name }}"
                            placeholder="{{ __('admin.please_enter', ['input' => $field_name]) }}">
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@else
    <div class="col">
        <div class="form-group">
            <label for="first-name-column">
                {{ $field_name = $attribute_name }}
            </label>
            <div class="controls">
                <input type="{{ $type }}" name="{{ $name }}" value="{{ $value }}"
                    class="form-control {{ $name }}"
                    placeholder="{{ __('admin.please_enter', ['input' => $field_name]) }}" {!! $attr !!}>
            </div>
        </div>
    </div>

@endif

@if ($show)
    @push('js')
        <script>
            $("." + @json($calssVal)).attr('disabled', true).css('opacity', '1')
        </script>
    @endpush
@endif