@inject('aclConstant', '\App\Util\AclConstant')

@php
    $maskedValue = maskString(
        !isset($model->creditApplication)
            ? $model->getValue($key, $listItem, $language)
            : $model->creditApplication->getValue($key, $listItem, $language),
        6
    );
    $formName = !isset($model->creditApplication)
        ? $model->getFormName($key, $listItem, $listIndex, $language)
        : $model->creditApplication->getFormName($key, $listItem, $listIndex, $language);
    $modelId = !isset($model->creditApplication)
        ? $model->getValue('id', $listItem, $language)
        : $model->creditApplication->getValue('id', $listItem, $language);

    $html = "<div class='input-container'>";
    $html .=
        "<input class='form-control masked-input-" .
        $formName .
        ' ' .
        @$fieldClass .
        "' id='" .
        $formName .
        "' name='" .
        $formName .
        "' value='" .
        $maskedValue .
        "' type='text' " .
        $model->isRequired($key) .
        ' ' .
        $model->isDisabled($key) .
        " label='" .
        $model->label($key) .
        "'
        data-masked-value='" .
        $maskedValue .
        "' data-is-masked='true'
        />";

    if (checkUserPermission($aclConstant::VIEW_MASKED_DATA)) {
        $html .=
            "<div style='display: flex; align-items: center; gap: 10px;'><button id='unmask-" .
            $formName .
            "-input-btn' type='button' style='display: flex; align-items: center; justify-content: center; padding: 5px !important; height: 30px !important; width: 30px !important; border-radius: 50%;' class='btn' data-id='" .
            $modelId .
            "'><i class='fa fa-search' style='font-size: 8pt;'></i></button></div>";
    }

    $html .= '</div>';

    echo $html;
@endphp