@extends('elementos.navegacion')
@section('pagina', 'Mantenimiento')
@section('content')
<div class="panel panel-info">

	<div class="panel-heading text-center">
		<b>Mantenimiento BS - ECO</b>
	</div>
	<input type="hidden" name="_token" value="{{ csrf_token() }}">
	<div class="table-responsive">
		<table class="table table-hover">
		  	<tr class="info">
		  		<th class="text-center"><b>Operaci&oacute;n</b></th>
			  	<th class="text-center"><b>Monto M&iacute;nimo</b></th>
			  	<th class="text-center"><b>Max. por Operaci&oacute;n</b></th>
			  	<th class="text-center"><b>Max. por D&iacute;a</b></th>
			  	<th class="text-center"><b>Costo</b></th>
			  	<th class="text-center"><b>Porc. Comision</b></th>
			  	<th class="text-center"><b>Editar</b></th>
		  	</tr>

		  	@foreach($transacciones as $operacion)

		  	<tr class="">
		  		
		  		<td width="5%" class="text-center">
					<span>{{ Helper::format_op($operacion->tipo_operacion) }}</span>
				</td>

				<td width="15%" class="text-center">
					<span class="{{ $operacion->tipo_operacion }} texto monto_min">{{ Helper::formatMoney($operacion->monto_minimo) }}</span>
					<input type="text" class="form-control {{ $operacion->tipo_operacion }} campo monto_min" style="display:none">
				</td>

				<td width="15%" class="text-center">
					<span class="{{ $operacion->tipo_operacion }} texto max_op">{{ Helper::formatMoney($operacion->max_operacion) }}</span>
					<input type="text" class="form-control {{ $operacion->tipo_operacion }} campo max_op" style="display:none">
				</td>

				<td width="15%" class="text-center">
					<span class="{{ $operacion->tipo_operacion }} texto max_dia">{{ Helper::formatMoney($operacion->max_dia) }}</span>
					<input type="text" class="form-control {{ $operacion->tipo_operacion }} campo max_dia" style="display:none">
				</td>

				<td width="15%" class="text-center">
					<span class="{{ $operacion->tipo_operacion }} texto costo">{{ Helper::formatMoney($operacion->costo_transaccion) }}</span>
					<input type="text" class="form-control {{ $operacion->tipo_operacion }} campo costo" style="display:none">
				</td>

					<td width="15%" class="text-center">
						<span class="{{ $operacion->tipo_operacion }} texto comision">{{ Helper::formatMoney($operacion->comision_transaccion, 'back', '%') }}</span>
						<input type="text" class="form-control {{ $operacion->tipo_operacion }} campo comision" style="display:none">
					</td>


				<td width="10%" class="text-center">
					<span class="{{ $operacion->tipo_operacion }} texto">
						<button class="btn btn-sm btn-info" type="button" onclick='editar("{{ $operacion->tipo_operacion }}")' >
							<i class="fa fa-pencil"></i>
						</button>
					</span>
					<span class="{{ $operacion->tipo_operacion }} campo" style="display:none">
						<button class="btn btn-sm btn-success" type="button" onclick='actualizar("{{ $operacion->tipo_operacion }}")'>
							<i class="fa fa-check"></i>
						</button>
						<button class="btn btn-sm btn-danger" type="button" onclick='cancelar("{{ $operacion->tipo_operacion }}")'>
							<i class="fa fa-remove"></i>
						</button>
					</span>
				</td>

		  	</tr>

		  	@endforeach	

		</table>
	</div>
</div>

@endsection


@push('js')

	<script>

		function editar(op){
			var op = '.' + op;
			var texto = op + '.texto';
			var campo = op + '.campo';

			var campos = ['.monto_min', '.max_op', '.max_dia', '.costo', '.comision'];

			$(texto).hide();
			$(campo).show();

			for(var i in campos){
				var valor = $(texto + campos[i]).html();
				$(campo + campos[i]).val(valor);

				if(campos[i] == '.comision'){
					$(campo + campos[i]).maskMoney({
						thousands:'.', 
						decimal:',', 
						allowZero:true, 
						suffix: ' %'
					});
				}
				else
				{
					$(campo + campos[i]).maskMoney(formatCurrency)
				}
			}

		}

		function cancelar(op){
			var op = '.' + op;
			var texto = op + '.texto';
			var campo = op + '.campo';

			$(texto).show();
			$(campo).hide();
		}

		
		function actualizar(op){
			var campo = '.' + op + '.campo';
			var campos = ['.monto_min', '.max_dia', '.max_op', '.costo', '.comision'];
			var attr = ['monto_minimo', 'max_dia', 'max_operacion', 'costo_transaccion', 'comision_transaccion'];
			var data = {};


			for(var i in campos){
				data[ attr[i] ] = $(campo + campos[i]).val();
			}

			data['_token'] = $('[name="_token"]').val();
			data['op'] = op;

			$.ajax({
				method: 'POST',
				url: raiz + '/mantenimiento/update/1',
				data : data,
				success: function(res){
					var texto = '.' + op + '.texto';
					var j = 0;
					for(var i in data){

						if( !(i == '_token' || i == 'op') ){
							$(texto + campos[j]).html(data[i]) ;
						}

						j++;
					}

					$(texto).show();
					$(campo).hide();
				}

			});
		}

		
	</script>



@endpush