@extends('layouts.baseproempty')
@section('content')
@section('css')	
	<link href="/assets/css/_reparacion/signature-pad-reparaciones-firma.css" rel="stylesheet">
@endsection

@section('content')

	<div class="form-group">	
	
	<form method="POST" action="{{ url('guardarFirma') }}" accept-charset="UTF-8" style="display:inline;">
	{{ csrf_field() }}
			<div class="text-center">					
				<b>Firma salida</b><br>
				<label id="mjeFirma" style="color:green;"></label>
				<label  style="color:blue;">{{$mensaje}}</label>
				<input id="mensaje_firma" name="mensaje_firma" type="hidden">
			</div>	
			
			<input id="tipo_firma" name="id_reparacion" type="hidden" value="{{$idReparacion}}">
			<input id="tipo_firma" name="tipo_firma" type="hidden" value="salida">
			<input id="firma" name="firma" type="hidden">
			
			<div id="signature-pad" class="m-signature-pad">
				<div class="m-signature-pad--body" >
				  <canvas ></canvas>
				</div>
				<div class="m-signature-pad--footer">
				  <div class="description">Firme aquí</div>
				  
				  <button type="button" class="mb-2 mr-2  btn btn-light btn-sm button clear" data-action="clear1">Borrar</button>
				  <button type="button" class="mb-2 mr-2  btn btn-light btn-sm button save" data-action="save1" >Generar</button>
				</div>
			 </div>
			 
			 <div class="text-center">
				<button type="submit" class="btn btn-primary" name="botonGuardar" value="1">Guardar</button>
			 </div>	
	</form>
		
	</div>	
	
@endsection


@section('scripts')		
<script src="/assets/js/signature_pad.js"></script>
<script src="/assets/js/_reparacion/app-reparaciones-firma.js"></script>
@endsection