@props([
    'label' => '' , 'lang' , 'name' , 'value' => '' , // required
    'col'   => 6 , 'required' => true , 'id' => '' , // nullable
])

@php
    $textName = app()->getLocale() == 'en' ? $lang->name .' ' . $label : $label . ' '  . 'ب'.$lang->name ;
@endphp


<div class="col-md-{{ $col }} mb-3">

    <label class="form-label">
           {{ $textName }}
        <span class="text-danger">{{ $required == true ? '*' : '' }}</span>
    </label>

    <input
        type="text"
        name="{{ $name }}[{{ $lang->code }}]"
        class="form-control trans-input form_space"
        data-lang="{{ $lang->code }}"
        minlength="2" maxlength="100"
        @if ($value)
        value="{{ old($name . '.' . $lang->code, $value->getTranslation($name, $lang->code, false) ?? '') }}"
        @endif

        placeholder="{{ __('dashboard.enter_your', ['attribute'=> $textName]) }}"
        @if ($lang->code === 'en') id="{{ $id ? $id : $name }}" @endif
    >
    <div class="invalid-feedback"></div>

    @foreach($errors->get($name . '.' . $lang->code) as $message)
    <span class="text-danger">
        <small class="errorTxt">{{ $message }}</small>
    </span>
    @endforeach
</div>