@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">
				Incentivos
			</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 table-striped big-table table-hover 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>REGIONES</th>
											<th>ESTATUS</th>
											<th>NOMBRE EMPLEADO</th>
											<th>Reasignar</th>
											<th>Cancelar</th>
										</tr>
									</thead>
									<tbody> 
										@foreach($pursesNotAssign as $PurseIncentive)  
										<tr>
											<td><span>{{ $PurseIncentive->nombre_trabajador}}</span></td>
											<td><span>{{ $PurseIncentive->id_tgs_si_vale }}</span></td>
											<td><span>{{ $PurseIncentive->identificador }}</span></td>
											<td><span>{{ $PurseIncentive->no_tarjeta }}</span></td>
											<td><span>{{ $PurseIncentive->concepto }}</span></td>
											<td><span>{{ $PurseIncentive->region }}</span></td>
											<td><span>{{ $PurseIncentive->estatus }}</span></td>
											<td><span>{{ $PurseIncentive->empleado }}</span></td>
											<td>
												<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#asignar{{ $PurseIncentive->id }}">
													<i class="fa fa-check-square" aria-hidden="true"></i>
												</button>
											</td>
											<td>
													<button
													class="btn btn-danger btn-delete-user"
													data-target="#delete-user-modal{{$PurseIncentive->id}}"
													data-toggle="modal"

													>
													<i class="fa fa-user-times"></i>
												</button>
											</td>

										</tr>
										<div class="modal fade" id="asignar{{ $PurseIncentive->id }}" tabindex="-1" role="dialog">
											<div class="modal-dialog">
												{!! Form::model($pursesNotAssign, [
													'action' => $PurseIncentive->exists ? ['assigmentsCancellations\AssigmentsIncentivosController@update', $PurseIncentive->id] : 'assigmentsCancellations\AssigmentsIncentivosController@update',$PurseIncentive->id,
													'method' => $PurseIncentive->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">Asignacion Incentivos</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', $PurseIncentive->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', $PurseIncentive->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="{{$PurseIncentive->no_tarjeta}}">{{$PurseIncentive->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', $PurseIncentive->identificador, ['class' => 'form-control','readonly' => 'readonly']) !!}
																	</div>
																</div>
																<div class="col-md-6">
																	<div class="form-group">
																		{!! Form::label('concepto', 'CONCEPTO:')!!}
																		{!! Form::text('concepto', $PurseIncentive->concepto, ['class' => 'form-control','readonly' => 'readonly']) !!}
																	</div>
																</div>
															</div>
															<div class="row">
																<div class="col-md-6">
																	<div class="form-group">
																		{!! Form::label('region', 'REGION:')!!}
																		{!! Form::select('region', ['Corporativo Call Center' => 'Corporativo Call Center', 'Corporativo Asesores' => 'Corporativo Asesores','Corporativo'=>'Corporativo','Metro Sur'=>'Metro Sur','Metro Norte'=>'Metro Norte','Norte'=>'Norte','Noreste'=>'Noreste','Noroeste'=>'Noroeste','Centro'=>'Centro','Sur'=>'Sur','Sureste'=>'Sureste','Occidente'=>'Occidente','Sin Región'=>'Sin Región'], $PurseIncentive->region,['class' => 'form-control'])!!}
																	</div>
																</div>
																<div class="col-md-6">
																	<div class="form-group">
																		{!! Form::label('estatus', 'ESTATUS:')!!}
																		{!! Form::select('estatus', ['Enviado' => 'Enviado', 'Reasignada' => 'Reasignada'],'Reasignada', ['class' => 'form-control']) !!}
																	</div>
																</div>
															</div>
															<div class="row">
																<div class="col-md-6">
																	<div class="form-group">
																		{!! Form::label('empleado', 'NUMERO DE EMPLEADO:')!!}
																		{!! Form::text('empleado', $PurseIncentive->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>
											<div class="modal fade" tabindex="-1" role="dialog" id="delete-user-modal{{$PurseIncentive->id}}">
											<div class="modal-dialog" role="document">
												<div class="modal-content">
													{!! Form::model($purses, [
														'action' => $PurseIncentive->exists ? ['assigmentsCancellations\AssigmentsIncentivosController@destroy', $PurseIncentive->id] : 'assigmentsCancellations\AssigmentsIncentivosController@destroy',$PurseIncentive->id,
														'method' => $PurseIncentive->exists ? 'DELETE' : 'DELETE',
														]) !!}
														<div class="modal-content">
															<div class="modal-body">
																¿Está seguro que desea hacer la cancelacion de la tarjeta <strong>{{$PurseIncentive->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 -->
										</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>REGIONES</th>
												<th>ESTATUS</th>
												<th>NOMBRE EMPLEADO</th>
											</tr>
										</thead>
										<tbody>
											@foreach($purses as $PurseIncentive)  
											<tr>
											<td class="trabajador-name"><span>{{ $PurseIncentive->nombre_trabajador}}</span>
											</td>
											<td><span>{{ $PurseIncentive->id_tgs_si_vale }}</span></td>
											<td><span>{{ $PurseIncentive->identificador }}</span></td>
											<td><span>{{ $PurseIncentive->no_tarjeta }}</span></td>
											<td><span>{{ $PurseIncentive->concepto }}</span></td>
											<td><span>{{ $PurseIncentive->region }}</span></td>
											<td><span>{{ $PurseIncentive->estatus }}</span></td>
											<td><span>{{ $PurseIncentive->empleado }}</span></td>

										</tr>
										<div class="modal fade" tabindex="-1" role="dialog" id="delete-user-modal{{$PurseIncentive->id}}">
											<div class="modal-dialog" role="document">
												<div class="modal-content">
													{!! Form::model($purses, [
														'action' => $PurseIncentive->exists ? ['assigmentsCancellations\AssigmentsIncentivosController@destroy', $PurseIncentive->id] : 'assigmentsCancellations\AssigmentsIncentivosController@destroy',$PurseIncentive->id,
														'method' => $PurseIncentive->exists ? 'DELETE' : 'DELETE',
														]) !!}
														<div class="modal-content">
															<div class="modal-body">
																¿Está seguro que desea hacer la cancelacion de la tarjeta <strong>{{$PurseIncentive->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 -->
										</tbody>
									</table>
								</div>
								@else
								<div class="alert alert-info">
									No hay registros que mostrar
								</div>
								@endif
							</div>
						</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>
	$(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_incentivos', {
				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>
<script>
    $(document).ready(function(){
     $('.table-cancelation td>span').each(function(i,v){
         let monto = $(v).text();
         $(v).css( "color", "red" );
     }); 
 });
</script>
		@endsection