<div class="formgrid grid">
    <div class="field col-12">
        <label for="altInput" class="text-gray-600 font-semibold">{{ 'IMAGE_WIDGET_CONFIGURATION.ALT_LABEL' | translate }}</label>
        <div class="p-col-12 p-md-10">
            <input id="altInput" type="text" class="w-full" [(ngModel)]="widget!.alt" pInputText placeholder="{{ 'INPUT.PLACEHOLDER' | translate }}" />
        </div>
    </div>
    <div class="field col-12 lg:col-6">
        <label for="widthInput" class="text-gray-600 font-semibold">{{ 'IMAGE_WIDGET_CONFIGURATION.WIDTH_LABEL' | translate }}</label>
        <div class="p-col-12 p-md-10">
            <input id="widthInput" type="text" class="w-full" [(ngModel)]="widget!.width" pInputText placeholder="{{ 'INPUT.PLACEHOLDER' | translate }}" />
        </div>
    </div>
    <div class="field col-12 md:col-6">
        <label for="heightInput" class="text-gray-600 font-semibold">{{ 'IMAGE_WIDGET_CONFIGURATION.HEIGHT_LABEL' | translate }}</label>
        <div class="p-col-12 p-md-10">
            <input id="heightInput" type="text" class="w-full" [(ngModel)]="widget!.height" pInputText placeholder="{{ 'INPUT.PLACEHOLDER' | translate }}" />
        </div>
    </div>

    <div class="field col-12">
        <label for="srcInput" class="text-gray-600 font-semibold">{{ 'IMAGE_WIDGET_CONFIGURATION.SRC_LABEL' | translate }}
            <label for="fileInput" class="custom-file-upload">
                <i class="pi pi-upload"></i>
            </label>
            <input id="fileInput" #fileInput type="file" (change)="handleFileSelect($event)" placeholder="{{ 'INPUT.PLACEHOLDER' | translate }}" />
        </label>
        <div class="p-col-12 p-md-10">
            <input id="srcInput" type="text" class="w-full" [(ngModel)]="widget!.src" pInputText placeholder="{{ 'INPUT.PLACEHOLDER' | translate }}" />
        </div>
    </div>

    <div class="field col-12">
        <p-fieldset legend="{{ 'IMAGE_WIDGET_CONFIGURATION.CSS_STYLE' | translate }}" [toggleable]="true" [collapsed]="true">
            <app-css-style [(style)]="widget!.style"></app-css-style>
        </p-fieldset>
    </div>
</div>

