<!--  This file is part of the project Pinsis-Portal.
 Copyright (C),2018, by C3SL(Centro de Computação Científica e
 Software Live)

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.
 -->



	<div class="row">

		<div class="d-none d-sm-block col-md-1"></div>
<!--		<div class="d-none d-sm-block col-md-1"></div>
		<div class="mx-auto col-12 col-md-3 white-square">

		</div>
-->
		<div class="mx-auto col-12 col-md-6 blank-square">

                <form #form="ngForm" (ngSubmit)="onSubmit(form.value)">
                   <h2 style="margin: 5px 10px 0px 0px; text-align:center">Dados da máquina</h2>
                   <div class="row">
                      <div class="text-input">
                          Número de Série:
                          <div><input type="text" name="serial_number" [(ngModel)]="machineData.serial_number"></div>
                      </div>

                      <div class="text-input">
                          Sala:
                          <div><input type="text" name="room" [(ngModel)]="machineData.room"></div>
                      </div>
                   </div>

                   <div class="row">
                      <div class="text-input">
                          Data da última manutenção:
                                  <div><input type="text" name="date_last_maintenance" [(ngModel)]="machineData.date_last_maintenance"></div>
                      </div>
                      <div class="text-input">
                          Data da próxima manutenção:
                          <div><input type="text" name="date_next_maintenance" [(ngModel)]="machineData.date_next_maintenance"></div>
                      </div>
                    </div>

                   <div class="row">
                      <div class="text-input">
                          Estado da máquina:
                          <div><input type="text" name="Status" [(ngModel)]="machineData.Status"></div>
                      </div>
                    </div>

                   <h2 style="margin:10px 10px 0px 0px; text-align:center">Endereço</h2>
                   <div class="row">
                      <div class="text-input">
                          Rua:
                          <div><input type="text" name="address" [(ngModel)]="machineData.address"></div>
                      </div>
                      <div class="text-input">
                          Número:
                          <div><input type="text" name="address_number" [(ngModel)]="machineData.address_number"></div>
                      </div>
                    </div>


                   <div class="row">
                      <div class="text-input">
                          Bairro:
                          <div><input type="text" name="district" [(ngModel)]="machineData.district"></div>
                      </div>
                      <div class="text-input">
                          Cidade:
                          <div><input type="text" name="city" [(ngModel)]="machineData.city"></div>
                      </div>
                   </div>
                   <div class="row">
                      <div class="text-input">
                          Estado:
                          <div><input type="text" name="state" [(ngModel)]="machineData.state"></div>
                      </div>

                    </div>
                    <div class="row">
                      <div class="options" (click)="scanQRCode()">Escanear QR code</div>

                      <div>
												<input type="file" capture="camera" accept="image/*" name="image" class="options" (change)="onFileSelect($event)"/>
											</div>
                      <button type="submit" class="submit-button">Confirmar</button>
                    </div>
                </form>

		</div>

        <div class="d-none d-sm-block col-md-1"></div>
	</div>