<div mat-dialog-title class="c-titulo">
	<div>
		<button mat-button class="close-icon" [mat-dialog-close]="false" style="color: white">
			<mat-icon>close</mat-icon>
		</button>
	</div>

</div>

<div>
	<form [formGroup]="form" autocomplete="off">
		<div class="c-modal">
			<span class="span-titulo">{{data.litraje? 'Editar litraje' : 'Agregar litraje'}}</span>
		</div>
		<div class="c-modal mt-4" >
			<input type="text" placeholder="Captura el litraje del servicio" class="input-lit" formControlName="litraje" minlength="1" maxlength="6" (keyup)="onKeyUp()" autofocus/>
		</div>

		<div class="c-modal mt-4 pb-4">
			<button mat-flat-button [ngClass]="{'kt-spinner kt-spinner--right kt-spinner--md kt-spinner--dark': loading}" type="button" class="button-filled" style="text-wrap: normal"
					(click)="saveLitraje()" [disabled]="loading || form.invalid">
				<span>{{data.litraje? 'Editar' : 'Agregar'}}</span>
				<i class="fas fa-check ml-2"></i>
			</button>
		</div>
	</form>
</div>
