@props([
    'detail' => [],
    'index' => ':index',
    'name' => 'field_name',
    'relation' => 'details',
    'value' => '',
    'readonly' => false,
    'width' => '150px',
    'checkboxName' => '',
    'checkboxClass' => '',
    'checkboxValue' => '',
    'checkboxValue' => '',
    'checkboxReadonly' => false,
    'checked' => false,
    'template' => empty($detail) ? 'data-template-' : '',
])
<div class="input-group" style="min-width: {{ $width }};">
    <span class="input-group-text px-2">
        <input type="checkbox" class="form-check-input {{ $checkboxClass }}" {{ $template }}id="{{ $relation }}-{{ Str::slug($checkboxName) . $index }}" {{ $template }}name="{{ $relation }}[{{ $index }}][{{ $checkboxName }}]" value="{{ $checkboxValue }}" {{ $checkboxReadonly ? 'readonly tabindex=-1' : '' }} @checked(old("$relation.$index.$checkboxName", $checked)) data-index="{{ $index }}">
    </span>
    <input {{ $attributes->class(['form-control', 'px-1', 'mb-0', 'is-invalid' => $errors->has("$relation.$index.$name")]) }} type="text" {{ $template }}id="{{ $relation }}-{{ Str::slug($name) . $index }}" {{ $template }}name="{{ $relation }}[{{ $index }}][{{ $name }}]" value="{{ $detail[$name] ?? $value }}" {{ $readonly ? 'readonly tabindex=-1' : '' }} data-index="{{ $index }}">
</div>