@extends('app')


@section('content')
<div class="container">
	<div class="row">
		<div class="col-md-12">
			<h1 class="dashboard-heading">
				Reasignaciones y Cancelaciones
			</h1>
			<h2 class="dashboard-heading">
				Gasolina
			</h2>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<div class="panel with-nav-tabs panel-primary">
				<div class="panel-heading">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#tab1primary" data-toggle="tab">Reasignaciones</a></li>
						<li><a href="#tab2primary" data-toggle="tab">Cancelaciones</a></li>
					</ul>
				</div>
				<div class="panel-body" style="padding: 0px">
					<!-- Empieza Contenido tabs -->
					
					<div class="tab-content">
						<div class="tab-pane fade in active" id="tab1primary">
							@if ($pursesNotAssign->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>NO. EMPLEADO</th>
											<th>Reasignar</th>
										</tr>
									</thead>
									<tbody>
										@foreach($pursesNotAssign as $PurseGas)  
										<tr>
											<td><span>{{ $PurseGas->nombre_trabajador}}</span></td>
											<td><span>{{ $PurseGas->id_tgs_si_vale }}</span></td>
											<td><span>{{ $PurseGas->identificador }}</span></td>
											<td><span>{{ $PurseGas->no_tarjeta }}</span></td>
											<td><span>{{ $PurseGas->concepto }}</span></td>
											<td><span>{{ $PurseGas->estatus }}</span></td>
											<td><span>{{ $PurseGas->empleado }}</span></td>
											<td>
												<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#asignar{{ $PurseGas->id }}">
													<i class="fa fa-check-square" aria-hidden="true"></i>
												</button>
											</td>
										</tr>
										<div class="modal fade" id="asignar{{ $PurseGas->id }}" tabindex="-1" role="dialog">
											<div class="modal-dialog">
												{!! Form::model($pursesNotAssign, [
													'action' => $PurseGas->exists ? ['assigmentsCancellations\AssigmentsGasController@update', $PurseGas->id] : 'assigmentsCancellations\AssigmentsGasController@update',$PurseGas->id,
													'method' => $PurseGas->exists ? 'PUT' : 'POST',
													]) !!}

													<div class="modal-content">
														<!-- Empieza Formulario --> 
														<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">Reasignación Gasolina</h4>
														</div>
														<div class="modal-body">
															<div class="row">
																<div class="col-md-12">
																	<div class="form-group">
																		{!! Form::label('nombre_trabajador', 'NOMBRE DEL TRABAJADOR:')!!}
																		{!! Form::text('nombre_trabajador', $PurseGas->nombre_trabajador, ['class' => 'form-control']) !!}
																	</div>
																</div>
															</div>
															<div class="row">
																<div class="col-md-6">
																	<div class="form-group">
																		{!! Form::label('id_tgs_si_vale', 'ID TGS SI VALE:')!!}
																		{!! Form::text('id_tgs_si_vale', $PurseGas->id_tgs_si_vale, ['class' => 'form-control','readonly' => 'readonly']) !!}
																	</div>
																</div>
																<div class="col-md-6">
																	<div class="form-group">
																		{!! Form::label('no_tarjeta', 'SELECCIONA UNA TARJETA:')!!}
																		<select class="form-control" name="no_tarjeta" id="tarjetas_update">
																			<option selected="true" value="{{$PurseGas->no_tarjeta}}">{{$PurseGas->no_tarjeta}}</option>
																			@foreach($tarjetas as $tarjeta)
																			<option value="{{$tarjeta->no_tarjeta}}">{{$tarjeta->no_tarjeta}}</option>
																			@endforeach
																		</select>
																	</div>
																</div>
															</div>
															<div class="row">
																<div class="col-md-6">
																	<div class="form-group">
																		{!! Form::label('identificador', 'IDENTIFICADOR:')!!}
																		{!! Form::text('identificador', $PurseGas->identificador, ['class' => 'form-control','readonly' => 'readonly']) !!}
																	</div>
																</div>
																<div class="col-md-6">
																	<div class="form-group">
																		{!! Form::label('concepto', 'CONCEPTO:')!!}
																		{!! Form::text('concepto', $PurseGas->concepto, ['class' => 'form-control','readonly' => 'readonly']) !!}
																	</div>
																</div>
															</div>
															<div class="row">
																<div class="col-md-6">
																	<div class="form-group">
																		{!! Form::label('estatus', 'ESTATUS:')!!}
																		{!! Form::select('estatus', ['Entregada' => 'Entregada', 'Reasignada' => 'Reasignada'], 'Reasignada', ['class' => 'form-control']) !!}
																	</div>
																</div>
																<div class="col-md-6">
																	<div class="form-group">
																		{!! Form::label('empleado', 'NOMBRE DE EMPLEADO:')!!}
																		{!! Form::text('empleado', $PurseGas->empleado, ['class' => 'form-control','readonly' => 'readonly']) !!}
																	</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">Reasignar</button>
														</div>
													</div>
													{!! Form::close() !!}
													<!-- Termina Formulario -->
												</div>
											</div>
											@endforeach
										</tbody>
									</table>
								</div>
								@else
								<div class="alert alert-info">
									No hay registros que mostrar
								</div>
								@endif
							</div>
							<div class="tab-pane fade" id="tab2primary">
								@if ($purses->count() > 0)
								<div class="table-responsive">
									<table class="table big-table table-striped table-hover table_gas table-cancelation">
										<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>NO. EMPLEADO</th>

											</tr>
										</thead>
										<tbody>
											@foreach($purses as $PurseGas)  
											<tr>
											<td class="trabajador-name"><span>{{ $PurseGas->nombre_trabajador}}</span>
											</td>
											<td><span>{{ $PurseGas->id_tgs_si_vale }}</span></td>
											<td><span>{{ $PurseGas->identificador }}</span></td>
											<td><span>{{ $PurseGas->no_tarjeta }}</span></td>
											<td><span>{{ $PurseGas->concepto }}</span></td>
											<td><span>{{ $PurseGas->estatus }}</span></td>
											<td><span>{{ $PurseGas->empleado }}</span></td>

										</tr>
										<div class="modal fade" tabindex="-1" role="dialog" id="delete-user-modal{{$PurseGas->id}}">
											<div class="modal-dialog" role="document">
												<div class="modal-content">
													{!! Form::model($purses, [
														'action' => $PurseGas->exists ? ['assigmentsCancellations\AssigmentsGasController@destroy', $PurseGas->id] : 'assigmentsCancellations\AssigmentsGasController@destroy',$PurseGas->id,
														'method' => $PurseGas->exists ? 'DELETE' : 'DELETE',
														]) !!}
														<div class="modal-content">
															<div class="modal-body">
																¿Está seguro que desea hacer la cancelacion de la tarjeta  <strong>{{$PurseGas->no_tarjeta}}</strong>?
															</div>
															<div class="modal-footer">
																<button class="btn btn-default" data-dismiss="modal">Cancelar</button>
																<button type="submit" class="btn btn-danger">Sí, hacer la cancelacion.</button>
															</div>
														</div>
														{!! Form::close() !!}
													</div>
													@endforeach
												</div><!-- /.modal-content -->
											</div><!-- /.modal-dialog -->
										</div><!-- /.modal -->
									</tbody>
								</table>
							</div>
							@else
							<div class="alert alert-info">
								No hay registros que mostrar
							</div>
							@endif
						</div>
					</div>
					<!-- Termina Contenido tabs -->
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

@section('modals')


@endsection
@section('script') 
<script>
	$('.btn-delete-user').click(function() {
		var action = $(this).attr('data-action');
		console.log(action);
		$('#delete-user-form').attr('action',action);
		$('#delete-user-name').text($(this).parents('tr').find('.trabajador-name').text());
	});
</script>
<script>
    $(document).ready(function(){
     $('.table-cancelation td>span').each(function(i,v){
         let monto = $(v).text();
         $(v).css( "color", "red" );
     }); 
 });
    // $( "li.item-a" ).parent().css( "background-color", "red" );
</script>
<!-- <script>
	$(function() {
		var tarjeta;
		$('[name=no_tarjeta]').change(function() {
			tarjeta = $('#tarjetas_update').val();
			axios.get('/update_tarjetas_gas', {
				params: {
					tarjeta: tarjeta
				}
			})
			.then(function (response) {
				console.log(response.data);
				$('[name=identificador]').val(response.data.identificador);
				$('[name=id_tgs_si_vale]').val(response.data.id_tgs_si_vale);
			})
			.catch(function (error) {
				console.log(error);
			});
		});

	});
</script> -->
<script>
	$(function() {
		var tarjeta;
		$('[name=no_tarjeta]').change(function() {
			let $contenedor_modal = $(this).closest('.modal-body');
			tarjeta = $contenedor_modal.find('[name=no_tarjeta]').val();;
			axios.get('/update_tarjetas_gas', {
				params: {
					tarjeta: tarjeta
				}
			})
			.then(function (response) {
				console.log(response.data);
				let $identificador = $contenedor_modal.find('[name=identificador]');
				let $id_tgs_si_vale = $contenedor_modal.find('[name=id_tgs_si_vale]');
				$identificador.val(response.data.identificador);
				$id_tgs_si_vale.val(response.data.id_tgs_si_vale);
			})
			.catch(function (error) {
				console.log(error);
			});
		});

	});
</script>
@endsection