@extends('layouts.master')

@section('css')
{!! Html::style('css/jquery_ui.css')!!}
@stop

@section('content')
<div class="row">
	<div class="col-md-12">
	    <div class="panel panel-default">
			<div class="panel-body">
				<div class="row">					   
					<div id="monto_dolar" class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<input class="form-control" type="number" id="montoDolar" name="montoDolar" value="" />
					</div>
					<div id="monto_dolar" class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<input class="form-control" type="date" id="fechaDolar" name="fechaDolar" value="">
					</div>
					<div class="form-group col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<button type="button" class="btn btn-success" id="enviar">Guardar</button>
					</div>
				</div>
			</div>		  
		</div>
	</div>
	<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
		<table class="table table-condensed" id="variacion">
			<thead>
				<tr>
					<th class="center">Valor de Tasa</th>	
					<th class="center">Fecha</th>
				</tr>
			</thead>
			<tbody>
				@foreach($variacion as $key => $value)
					<tr class="center">
						<td class="center"><div id="valor_tasadiv{!!$value->fecha!!}">{!!$value->valor_tasa!!}</div><div id="valor_tasadivAux{!!$value->valor_tasa!!}"></div></td>
						<td class="center">{!!$value->fecha!!}</td>
					</tr>
				@endforeach
			</tbody>			
		</table>
		<div id="variacionFinal"></div>
	</div>
</div>
<style>
  .error {
		border: solid 2px #FF0000;  
  }
</style>
@stop
@section('postscript')
{!! Html::script('js/jquery_ui.js') !!}
<script type="text/javascript">
$(document).ready(function() {
	$("#enviar").click(function(){					
		var monto = $("#montoDolar").val();
		var fechaDolar = $("#fechaDolar").val();
	
		var a=0;
		var b=0;

		if(monto==""){
			a=0;
			$("#montoDolar").addClass("error");
		}else{
			a=1;
			$("#montoDolar").removeClass("error"); 
		}
														
		if(fechaDolar==""){
			b=0;
			$("#fechaDolar").addClass("error");
		}else{
			b=1;
			$("#fechaDolar").removeClass("error"); 
		}
		
		if(a==1 && b==1){
			$.ajax({
				type: "POST",
				url: "{!!URL::action('AdministrativoController@postAjaxvariaciondolar')!!}", 
				dataType: "json",
				data: {
					monto:monto,
					fechaDolar:fechaDolar
				},
				cache: false,
				success: function(data)
				{   
					window.location.reload();                      
				}
			});
		}
	})
});
</script>
@stop