@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">
				Carga de Información
			</h1>
			<h2 class="dashboard-heading">
				Resumen de cargas
			</h2>
		</div>
		<div class="col-sm-6 text-right">
			<button type="button" class="btn btn-primary btn-header" data-toggle="modal" data-target="#charger-excel">
				Cargar Excel <i class="fa fa-file-excel" aria-hidden="true"></i>
			</button>
		</div>
	</div>
	@if ($uploads->count() > 0)
	<div class="table-responsive">
		<table class="table table-striped table-hover big-table table_gas">
			<thead>
				<tr>
					<th>ID CARGA</th>
					<th>ARCHIVO</th>
					<th>TIPO DE CARGA</th>
					<th>ESTATUS</th>
					<th>REGISTROS</th>
					<th>USUARIO</th>
					<th>FECHA</th>
				</tr>
			</thead>
			<tbody>
				@foreach($uploads as $upload)  
				<tr>
					<td><span>{{ $upload->id}}</span></td>
					<td><span>{{ $upload->file_name }}</span></td>
					<td><span>{{ $upload->kind }}</span></td>
					<td><i class="fa fa-fw status-icon {{$upload->file_path == 'done' ? 'fa-check' : ($upload->file_path == 'rejected' ? 'fa-times' : 'fa-circle-o')}}"></i>
                                    <span class="status">
                                        @if($upload->file_path == 'done')
                                            Finalizado
                                        @elseif($upload->file_path == 'rejected')
                                            Rechazado
                                        @endif    
                                    </span></td>
                    <td><span class="count">{{ $upload->registros }}</span></td>
					<td><span>{{ $upload->user }}</span></td>
					<td><span>{{ $upload->created_at->format('m/d/Y') }}</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="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="ImportPurses" 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">
						</div>
						<div class="form-check">
							<label class="form-check-label" for="exampleCheck1">Sin Asignación</label>
								<input type="checkbox" class="form-check-input" id="exampleCheck1" name="asignado" value="true">
							</div>
					</div>
					<hr>
					<div class="row">
					<div class="col-md-12">
							<div class="form-group">
							{!! Form::label('kind', 'Tipo de Carga')!!}
							<select class="form-control" name="kind" id="kind" required="true">
								<option disabled value="" selected="true">Selecciona un tipo de carga</option>
								<option value="gas">Gasolina</option>
								<option value="incentive">Incentivos</option>
								<option value="travel">Viaticos</option>
							</select>
						</div>
						</div>
					</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"><span class="fa fa-fw fa-upload"></span> Procesar carga</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_incentivos', {
				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);
				$('[name=region_fondeo]').val(response.data.region);
			})
			.catch(function (error) {
				console.log(error);
			});
		});

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

</script>
<script src="http://code.jquery.com/jquery-1.7.0.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>