<form [formGroup]="form">
    <mat-form-field class="w-full">
        <mat-label for="title">{{
            'HOME.STALKER_PORTAL.TITLE' | translate
        }}</mat-label>
        <input matInput type="text" id="title" formControlName="title" />
    </mat-form-field>
    <mat-form-field class="w-full" subscriptSizing="dynamic">
        <mat-label for="portalUrl">{{
            'HOME.STALKER_PORTAL.SERVER_URL' | translate
        }}</mat-label>
        <input
            matInput
            type="text"
            id="portalUrl"
            formControlName="portalUrl"
        />
        <mat-hint>{{
            'HOME.STALKER_PORTAL.URL_VALIDATION_ERROR' | translate
        }}</mat-hint>
        <mat-error>{{ 'SETTINGS.EPG_URL_ERROR' | translate }}</mat-error>
    </mat-form-field>
    <mat-form-field class="w-full">
        <mat-label for="macAddress">{{
            'HOME.STALKER_PORTAL.MAC_ADDRESS' | translate
        }}</mat-label>
        <input
            matInput
            type="text"
            id="macAddress"
            formControlName="macAddress"
        />
    </mat-form-field>
    <mat-form-field class="w-full">
        <mat-label for="serialNumber">{{
            'HOME.STALKER_PORTAL.SERIAL_NUMBER' | translate
        }}</mat-label>
        <input
            matInput
            type="text"
            id="serialNumber"
            formControlName="serialNumber"
        />
        <mat-hint>{{
            'HOME.STALKER_PORTAL.SERIAL_NUMBER_HINT' | translate
        }}</mat-hint>
    </mat-form-field>
    <mat-form-field class="w-full">
        <mat-label for="deviceId1">{{
            'HOME.STALKER_PORTAL.DEVICE_ID_1' | translate
        }}</mat-label>
        <input
            matInput
            type="text"
            id="deviceId1"
            formControlName="deviceId1"
        />
        <mat-hint>{{
            'HOME.STALKER_PORTAL.DEVICE_ID_HINT' | translate
        }}</mat-hint>
    </mat-form-field>
    <mat-form-field class="w-full">
        <mat-label for="deviceId2">{{
            'HOME.STALKER_PORTAL.DEVICE_ID_2' | translate
        }}</mat-label>
        <input
            matInput
            type="text"
            id="deviceId2"
            formControlName="deviceId2"
        />
        <mat-hint>{{
            'HOME.STALKER_PORTAL.DEVICE_ID_HINT' | translate
        }}</mat-hint>
    </mat-form-field>
    <mat-form-field class="w-full">
        <mat-label for="signature1">{{
            'HOME.STALKER_PORTAL.SIGNATURE_1' | translate
        }}</mat-label>
        <input
            matInput
            type="text"
            id="signature1"
            formControlName="signature1"
        />
        <mat-hint>{{
            'HOME.STALKER_PORTAL.SIGNATURE_HINT' | translate
        }}</mat-hint>
    </mat-form-field>
    <mat-form-field class="w-full">
        <mat-label for="signature2">{{
            'HOME.STALKER_PORTAL.SIGNATURE_2' | translate
        }}</mat-label>
        <input
            matInput
            type="text"
            id="signature2"
            formControlName="signature2"
        />
        <mat-hint>{{
            'HOME.STALKER_PORTAL.SIGNATURE_HINT' | translate
        }}</mat-hint>
    </mat-form-field>
    <!-- <mat-form-field class="w-full">
        <mat-label for="username">{{
            'HOME.XTREAM_PLAYLIST.USERNAME' | translate
        }}</mat-label>
        <input matInput type="text" id="username" formControlName="username" />
    </mat-form-field>
    <mat-form-field class="w-full">
        <mat-label for="password">{{
            'HOME.XTREAM_PLAYLIST.PASSWORD' | translate
        }}</mat-label>
        <input matInput type="text" id="password" formControlName="password" />
    </mat-form-field> -->
</form>
