@extends('app')


@section('content')

<div class="container-fluid">
	@if (count($errors) > 0)
	<div class="alert alert-danger">
		<p>Corrige los siguientes errores:</p>
		<ul>
			@foreach ($errors->all() as $message)
			<li>{{ $message }}</li>
			@endforeach
		</ul>
	</div>
	@endif
	<div class="row">
		<div class="col-sm-6">
			<h1 class="dashboard-heading">
				Stock
			</h1>
			<h2 class="dashboard-heading">
				Gasolina
			</h2>
		</div>
		@if ($gas_montos->count() > 0)
		<div class="col-sm-6 text-right">
			<button type="button" class="btn btn-primary btn-header" data-toggle="modal" data-target="#charger-manual">
				Asignaciones <i class="fa fa-check" aria-hidden="true"></i>
			</button>
		</div>
		@else
        @endif
	</div>
	@if ($gas_montos->count() > 0)
	<div class="table-responsive">
		<table class="table big-table table-striped table-hover big-table table_gas">
			<thead>
				<tr>
					<th>NOMBRE DEL TRABAJADOR</th>
					<th>ID TGS SI VALE</th>
					<th>IDENTIFICADOR</th>
					<th>NO. TARJETA</th>
					<th>CONCEPTO</th>
					<th>ESTATUS</th>
					<th>FECHA DE ENVIO</th>
					<th>MONTO DE FONDEO</th>
					<th>NUMERO DE EMPLEADO</th>
				</tr>
			</thead>
			<tbody>
				@foreach($gas_montos as $PurseGas)  
				<tr class="{{ ($PurseGas->estatus == 'Cancelada' OR !$PurseGas->monto_de_fondeo) ? 'cancelada':'' }} ">
					<td><span>{{ $PurseGas->nombre_trabajador}}</span></td>
					<td><span>{{ $PurseGas->id_tgs_si_vale }}</span></td>
					<td><span>{{ $PurseGas->identificador }}</span></td>
					<td><span>{{ number_format($PurseGas->no_tarjeta,0,'.','')}}</span></td>
					<td><span>{{ $PurseGas->concepto }}</span></td>
					<td><span>{{ $PurseGas->estatus }}</span></td>
					<td><span>{{ $PurseGas->fecha_de_envio }}</span></td>
					<td><span>$</span><span>{{ number_format($PurseGas->monto_de_fondeo,2) }}</span></td>
					<td><span>{{ $PurseGas->empleado }}</span></td>
				</tr>
				@endforeach
			</tbody>
		</table>
	</div>
	@else
	<div class="alert alert-info">
		No hay registros que mostrar
	</div>
	@endif
</div>

@endsection

@section('modals')
<div class="modal fade" id="pay-manual" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog">
		<div class="modal-content">
			<!-- Empieza Formulario --> 
			{!! Form::open(array('action'=>"Charges\GasChargesController@fondeo")) !!}
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">Fondeo</h4>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('no_tarjeta', 'NO. TARJETA:')!!}
							<select class="form-control" name="no_tarjeta" id="tarjetas_update" required="true">
								<option selected="true" value="null">Seleccionar tarjeta</option>
								@foreach($tarjetas as $tarjeta)
								<option value="{{$tarjeta->no_tarjeta}}">{{$tarjeta->no_tarjeta}}</option>
								@endforeach
							</select>
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('identificador', 'IDENTIFICADOR:')!!}
							{!! Form::text('identificador', null, ['class' => 'form-control','readonly' => 'readonly', 'required' => 'required']) !!}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('nombre_trabajador_fondeo', 'NOMBRE DEL TRABAJADOR:')!!}
							{!! Form::text('nombre_trabajador_fondeo', null, ['class' => 'form-control','readonly' => 'readonly', 'required' => 'required']) !!}
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('monto_de_fondeo', 'MONTO DE FONDEO:')!!}
							<div class="input-group">
								<div class="input-group-addon">$</div>
								<!-- {!! Form::text('monto_de_fondeo', null, ['class' => 'form-control','clevar']) !!} -->
								<input type="text" name="monto_de_fondeo" class="clevar form-control" required="true" id="monto_de_fondeo">
							</div>
						</div>
					</div>	
				</div>
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('nombre', 'NOMBRE', ['class' => 'control-label']) !!}
							{!! Form::text('nombre', null, ['class' => 'form-control', 'autofocus' => 'autofocus', 'required' => 'required']) !!}
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('fecha_de_fondeo', 'FECHA DE FONDEO', ['class' => 'control-label']) !!}
							{!! Form::date('fecha_de_fondeo', Carbon\Carbon::today()->format('Y-m-d'), ['class' => 'form-control', 'required' => 'required', 'autofocus' => 'autofocus']) !!}
						</div>
					</div>
				</div>
				<input type="hidden" id="id" name="id">
			</div>
			<div class="modal-footer">
				<button class="btn btn-default" data-dismiss="modal">Cancelar</button>
				<button class="btn btn-primary" type="submit">Enviar</button>
			</div>
		</div>
		<!-- Termina Formulario -->
		{!! Form::close() !!}
		<!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade" id="charger-manual" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog">
		<div class="modal-content">
			<!-- Empieza Formulario --> 
			{!! Form::open(array('action' => "Charges\GasChargesController@store")) !!}
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">Asignaciones</h4>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-md-12">
						<div class="form-group" style="text-align: center;">
							<label>Monederos Disponibles:
								<span style="color: #666;">{{$monederos_disp}}</span>
							</label>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('num_monederos', 'Monederos por Asignar:')!!}
							{!! Form::number('num_monederos', null, ['class' => 'form-control','min'=>1,'max'=>$monederos_disp]) !!}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('nombre_trabajador', 'NOMBRE DEL TRABAJADOR:')!!}
							{!! Form::text('nombre_trabajador', null, ['class' => 'form-control']) !!}
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('monto_de_fondeo', 'MONTO DE FONDEO:')!!}
							<div class="input-group">
								<div class="input-group-addon">$</div>
								<!-- {!! Form::text('monto_de_fondeo', null, ['class' => 'form-control','clevar']) !!} -->
								<input type="text" name="monto_de_fondeo" class="form-control clevar" required="true" id="monto_de_fondeo">
							</div>
						</div>
					</div>	
				</div>
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('fecha_de_fondeo', 'FECHA DE FONDEO', ['class' => 'control-label']) !!}
							{!! Form::date('fecha_de_fondeo', Carbon\Carbon::today()->format('Y-m-d'), ['class' => 'form-control', 'required' => 'required', 'autofocus' => 'autofocus']) !!}
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('fecha_de_envio', 'FECHA DE ENVIO', ['class' => 'control-label']) !!}
							{!! Form::date('fecha_de_envio', Carbon\Carbon::today()->format('Y-m-d'), ['class' => 'form-control', 'required' => 'required', 'autofocus' => 'autofocus']) !!}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('nombre', 'NOMBRE', ['class' => 'control-label']) !!}
							{!! Form::text('nombre', null, ['class' => 'form-control', 'required' => 'required', 'autofocus' => 'autofocus']) !!}
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button class="btn btn-default" data-dismiss="modal">Cancelar</button>
				<button class="btn btn-primary" type="submit">Enviar</button>
			</div>
		</div>
		<!-- Termina Formulario -->
		{!! Form::close() !!}
		<!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade" id="charger-excel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">Carga de Archivo excel</h4>
			</div>
			<div class="panel-body">

				<!-- Standar Form -->
				<h4>Selecciona los archivos a subir con extensión .xlsx</h4>
				<form action="ImportPurseGas" method="post" enctype="multipart/form-data" id="js-upload-form">
					<div class="form-inline">
						<div class="form-group">
							<input type="file" name="file" id="js-upload-files">
							<input type="hidden" value="{{ csrf_token() }}" name="_token" class="form-control" >
						</div>
					</div>
					<hr>
					<div class="form-group">
						<label>Sin Asignar</label>
						<input type="checkbox" name="asignado" value="true">
					</div>
				</div>
				<div class="modal-footer">
					<button class="btn btn-default" data-dismiss="modal">Cancelar</button>
					<button type="submit" class="btn btn-sm btn-primary" value="Upload" id="js-upload-submit">Cargar archivo</button>
				</div>
			</form>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
@endsection
@section('script')
<script>
	$(function() {
		var tarjeta;
		$('[name=no_tarjeta]').change(function() {
			tarjeta = $('#tarjetas_update').val();
			axios.get('/fondeo_tarjetas_gas', {
				params: {
					tarjeta: tarjeta
				}
			})
			.then(function (response) {
				console.log(response.data);
				$('[name=nombre_trabajador_fondeo]').val(response.data.nombre_trabajador);		
				$('[name=identificador]').val(response.data.identificador);
				$('[name=id_tgs_si_vale]').val(response.data.id_tgs_si_vale);
				$('[name=id]').val(response.data.id);
			})
			.catch(function (error) {
				console.log(error);
			});
		});

	});
</script>
<script type="text/javascript">
	$('.clevar').each(function (i, v) {
		new Cleave(v, {
			numeral: true,
			numeralThousandsGroupStyle: 'thousand'
		});
	});
</script>
@endsection