@extends('elementos.navegacion')
@section('pagina', 'Mantenimiento')
@section('content')
	<div class="col-md-8 col-md-offset-2">
		<div class="panel panel-info">
			<div class="panel-heading"><b><i class="fa fa-wrench"></i> Cuenta Principal - BS</b></div>

			<div class="panel-body">

				{{ csrf_field() }}

				<table class="table table-hover">
					<tr>
						<td class="text-center form-inline">

							<span id="span1">{{ $cuenta[0]->cuenta }}</span>	

							<input type="text" class="form-control" style="display:none;" id="input1">
							<a href="#" class="btn btn-sm btn-success" id="actualizar1" style="display:none;" onclick="actualizar1()"><i class="fa fa-refresh"></i></a>

						</td>
						<td>
							<a href="#" onclick="editar1()" class="btn btn-success btn-xs"><i class="fa fa-wrench"></i></a>
						</td>
					</tr>				
				</table>

				</div>

		</div>

		<div class="panel panel-info">
			<div class="panel-heading"><b><i class="fa fa-wrench"></i> Cuenta Principal - ECO</b></div>

			<div class="panel-body">

				{{ csrf_field() }}

				<table class="table table-hover">
					<tr>
						<td class="text-center form-inline">

							<span id="span2">{{ $cuenta[1]->cuenta }}</span>	

							<input type="text" class="form-control" style="display:none;" id="input2">
							<a href="#" class="btn btn-sm btn-success" id="actualizar2" style="display:none;" onclick="actualizar2()"><i class="fa fa-refresh"></i></a>

						</td>
						<td>
							<a href="#" onclick="editar2()" class="btn btn-success btn-xs"><i class="fa fa-wrench"></i></a>
						</td>
					</tr>				
				</table>

				</div>

		</div>

	</div>


@endsection

@push('js')
	<script>
	function editar1(){

		$('#span1').hide();
		$('#input1').show();
		$('#actualizar1').show()
		$('#input1').val($('#span1').html());

	}

	function editar2(){

		$('#span2').hide();
		$('#input2').show();
		$('#actualizar2').show()
		$('#input2').val($('#span2').html());

	}

	function actualizar1() {
		$.post(raiz+'/mantenimiento/cuentaprincipal/actualizar', {cuenta:$('#input1').val(), _token:$('[name="_token"]').val(), tipo_cuenta:1/*cuenta principal BS*/}).done(function(){

			$('#span1').show()
			$('#input1').hide()
			$('#actualizar1').hide()
			$('#span1').html($('#input1').val())


		})



	}

	function actualizar2() {
		$.post(raiz+'/mantenimiento/cuentaprincipal/actualizar', {cuenta:$('#input2').val(), _token:$('[name="_token"]').val(), tipo_cuenta:2/*cuenta principal ECO*/}).done(function(){

			$('#span2').show()
			$('#input2').hide()
			$('#actualizar2').hide()
			$('#span2').html($('#input2').val())


		})



	}



	</script>


@endpush