@extends('layouts.master')

@section('css')

@stop

@section('content')
<div class="container container-margin-top">
	<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-col-sm-12 col-col-xs-12">
			<center><h4><a href="{!!URL::to('administrativo/modificacionpagoestudiante')!!}">Ingresar Otra Cédula</a></h4><br></center>
			<h3>Solvencia Administrativa al {!!date("d/m/Y")!!} con valor de tasa BCV {!!number_format($variacion , 2, ',', '.')!!} Bs.</h3>
			<div id="exito"></div>
			<table id="insolvencia" class="table table-condensed">
			<thead>
				<tr>
					<th class="center">Concepto</th>
					<th class="center">Monto en Dolares</th>
					<th class="center">Saldo en Dolares</th>
					<th class="center">Saldo en Bolivares</th>					
					<th class="center">Fecha de Vencimiento</th>
					<th class="center">Accion</th>
				</tr>
			</thead>
			<tbody>
				<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
				@if($insol!='')					
					@foreach($insol as $key => $value)
						<tr class="center">
							<td>{!!$value->concepto!!}</td>
							<td>{!!$value->montoDolares!!}</td>
							<td>
								<div id="saldoDolares{!!$value->id!!}">{!!$value->saldoDolares!!}</div>
								<div id="saldoDolaresAux{!!$value->id!!}"></div>
							</td>
							<td>
								<div id="saldoBolivares{!!$value->id!!}">{!!number_format($value->saldoDolares*$variacion, 2, ',', '.')!!}</div>
								<div id="saldoBolivaresAux{!!$value->id!!}"></div>
							</td>
							<td>{!!date_format(date_create($value->fecha),'d/m/Y')!!}</td>
							<td>
								<button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal{!!$value->id!!}">Modificar Deuda</button>

								<!-- Modal -->
								<div class="modal fade" id="myModal{!!$value->id!!}" role="dialog">
									<div class="modal-dialog">								
									  <!-- Modal content-->
									  <div class="modal-content">
										<div class="modal-header">
										  <button type="button" class="close" data-dismiss="modal">&times;</button>
										  <h4 class="modal-title">Modificar Deuda</h4>
										</div>
										<div class="modal-body">
											<div class="container">
												<div class="row">
												  <div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12">
													<span style="margin-left:-135px"><label>Monto: <span class="glyphicon glyphicon-asterisk text-danger"></span></label><span>
													<br>
													<input type="number" id="saldo{!!$value->id!!}" min="0" class="form-control" value="{!!$value->saldoDolares!!}" />
													<input type="hidden" id="id{!!$value->id!!}" value="{!!$value->id!!}" />
													<input type="hidden" id="cedula{!!$value->id!!}" value="{!!$cedula!!}" />
												  </div>											  
												</div>
											</div>
										</div>
										<div class="modal-body">
											<div class="container">
												<div class="row">
												  <div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12">
													<span style="margin-left:-135px"><label>Motivo: <span class="glyphicon glyphicon-asterisk text-danger"></span></label><span>
													<br>
													<textarea rows="5" cols="50" style="width:500px" class="form-control" id="motivo{!!$value->id!!}">Motivo</textarea>
												  </div>
												</div>
											</div>
										</div>
										<div class="modal-footer">
										  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
										  <button name="boton_guardar{!!$value->id!!}" id="boton_guardar{!!$value->id!!}" class="btn btn-primary">Guardar cambios</button>
										</div>
									  </div>								  
									</div>
								</div>
								
								<script type="text/javascript">
									$(document).ready(function(){
										 $(document).on("click","#boton_guardar{!!$value->id!!}",function(){			
											var id = $("#id{!!$value->id!!}").val();
											var saldo = $("#saldo{!!$value->id!!}").val();
											var motivo = $("#motivo{!!$value->id!!}").val();
											var cedula = $("#cedula{!!$value->id!!}").val();
											
											$.ajax({
												type: "POST",
												url: "{!!URL::action('AdministrativoController@postAjaxModificacionmonto')!!}", 
												dataType: "json",
												data: {
													id:id,
													saldo:saldo,
													motivo:motivo,
													cedula:cedula
												},
												cache: false,
												success: function(data)
												{   
													$("#myModal{!!$value->id!!}").modal('toggle');
													$("#saldoBolivares{!!$value->id!!}").hide();
													$("#saldoBolivaresAux{!!$value->id!!}").html(data.saldoBolivares);
													$("#saldoDolares{!!$value->id!!}").hide();
													$("#saldoDolaresAux{!!$value->id!!}").html(data.saldoDolares);
													$("#exito").html(data.exito);
												}
											});
										})
									});
								</script>
							</td>
						</tr>
					@endforeach
				@else
					<tr class="center">
							<td> -- </td>
							<td> -- </td>
							<td> -- </td>
							<td> -- </td>
							<td> -- </td>
							<td> -- </td>
						</tr>
				@endif
			</tbody>
		</table>
</div>
@stop
@section('JavaScript')
	
@stop