@props([])

<div class="card border shadow-none mb-4">
    <div class="card-body">
        <div class="d-flex align-items-center gap-2 mb-4">
            <span class="badge bg-label-primary rounded-2 p-2 lh-1"><i class="ti tabler-info-circle ti-sm"></i></span>
            <h6 class="mb-0 fw-bold text-uppercase text-primary">{{ __('Additional information') }}</h6>
        </div>

        <div class="row g-4">
            <div class="col-12">
                <label class="form-label" for="ai_info">{{ __('Technical info / included materials') }}</label>
                <textarea id="ai_info" rows="3" class="form-control"
                    wire:model="form.other_info.additional_information"
                    placeholder="{{ __('Enter technical details...') }}"></textarea>
            </div>
        </div>
    </div>
</div>