@if (isset($contrap))
<div class="container">

	<div class="row">
	<table class="table table-condensed table-striped" id="tablaContrapartes">
		<thead>
			<tr>
				<th class="text-left">Cliente</th>
				<th class="text-left">Contraparte</th>
				<th>TAX-ID</th>
				<th>País</th>
				<th>Familia</th>
				<th class="text-left">Contacto</th>
				<th>Ultimo acceso</th>
				<th>Clave temp. / Expira</th>
				<th>Carga inicial</th>
				<th>Acción</th>
			</tr>
		</thead>
		<tbody>
			@foreach($contrap as $data)
			<tr>
				<td>{{$data->nombre_cliente}}</td>
				<td>{{$data->nombre_persona}}</td>
				<td>{{$data->identificacion}}</td>
				<td class="text-center">{{$data->country_code}}</td>
				<td class="text-left">{{$data->nombre_familia}}</td>
				<td nowrap="nowrap">
					<i class="fa fa-user"></i> {{$data->nombre_contacto}}<br />
					<i class="fa fa-envelope"></i> {{$data->email_contacto}}<br />
					<i class="fa fa-phone"></i> {{$data->telefono_contacto}}
				</td>
				<td class="text-center">{{$data->ultimo_acceso}}</td>
				<td class="text-center">@if ($data->clave_temporal > 0) <span style="color:#FFFFFF; font-weight: bold; background-color: #FF0000"> @else <span style="color:#000000; font-weight: bold; background-color: #00FF00"> @endif &nbsp;{{$data->es_clave_temporal}}&nbsp; </span> @if($data->clave_temporal > 0) &nbsp;/&nbsp;{{$data->CLAVE_EXPIRACION}} @endif</td>
				<td class="text-center">{{$data->es_carga_inicial}} @if($data->carga_inicial > 0) {{$data->VENCE_CARGA_INICIAL}} @endif</td>
				<td class="text-center">
					<button class="btn btn-primary btn-fidelitas btnlogincontrap" data-contraparte="{{$data->contraparte}}"><i class="fa fa-sign-in"></i> Login</button>
					<!-- <button class="btn btn-primary btn-fidelitas autologin" data-contraparte="{{$data->contraparte}}"><i class="fa fa-sign-in"></i> Autologin</button> -->
					<br />
					<button type="button" class="btn btn-fidelitas btn-primary btnlink" data-contraparte="{{$data->contraparte}}" data-toggle="modal" data-target="#modalAccesoContraparte"><i class="fa fa-link"></i> Enviar link</button>
				</td>
			</tr>
			@endforeach
		</tbody>
		<tfoot></tfoot>
	</table>
</div>





<div id="modalAccesoContraparte" class="modal fade">
    <div class="modal-dialog" style="width:750px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title" id="modal-title"></h3>
            </div>
            <div class="modal-body" id="modal-body"></div>
        </div>
    </div>
</div>




<form id="frmLogin" name="frmLogin" method="get" action="{{env('URL_LEGAJOS')}}" target="_blank">
	<input type="hidden" name="_token" value="{{csrf_token()}}" id="_token">
	<input type="hidden" name="identification" value="" id="identification">
</form>
<form id="frmAutoLogin" name="frmAutoLogin" method="get" action="{{env('URL_LEGAJOS_AUTOLOGIN')}}" target="_blank">
	<input type="hidden" name="_token" value="{{csrf_token()}}" id="_token">
	<input type="hidden" name="q" value="" id="q">
</form>
@endif


<script type="text/javascript">

	$(document).ready(function() {


		$(document).on('click', '.autologin', function() {
			var id = $(this).data('contraparte');
			var hoy = new Date();
			hoy.setDate(hoy.getDate());
			var fecha = hoy.toLocaleDateString('es-AR');
			$.ajax({
						method : 'post',
						url : '/led/led-datos-contraparte',
						data : { '_token' : $('#_token').val(), 'contraparte' : id , 'autologin' : true , 'fecha_expira' : fecha },
						async : false,
						success : function(data) {
							var r = JSON.parse(data);
                            console.log(r);
							// $('#q').val(r.identification);
							// $('#frmAutoLogin').submit();
						},

			});


		});


		$(document).on('click', '.btnlink', function() {
			var id = $(this).data('contraparte');

			$.ajax({
						method : 'post',
						url : '/led/led-link-contraparte',
						data : { '_token' : $('#_token').val(), 'contraparte' : id },
						async : false,
						beforeSend : function() {
							$('#modal-title').html('');
							$('#modal-body').html('');
						},
						success : function(data) {
							$('#modal-title').html('Enviar link de acceso por e-mail');
							$('#modal-body').html(data);
						},

			});

		});


		$('#tablaContrapartes').DataTable({
					"pagingType": "full_numbers",
					"dom" : "Blf<t>Bip",
					"ordering": true,
					"columns": [ null, null, null, null, null, null, null, null, { "orderable": false }, { "orderable": false }],
					"searching": true,
					"order": [[ 0, "asc" ]],
					"info":  true,
					//buttons: ["excel"],
					buttons: [ { extend: 'excel', className: 'btn btn-primary btn-fidelitas' } ],
					//buttons: [ { extend: 'excel', className: 'fa fa-file-excel' } ],
					"lengthMenu": [ [10, 25, 50, 100, -1], [10, 25, 50, 100,"Todos"] ],
					"pageLength": 10,
					"language": {
						"lengthMenu": "Mostrar _MENU_ registros por página",
						"zeroRecords": "No se encontraron resultados",
						//"info": "Mostrando página _PAGE_ de _PAGES_",
						//"info": "Total de Registros: _MAX_", 
						"info": "Mostrando  _START_  de  _END_ - <b>Total:</b> _TOTAL_ registros",
						"infoEmpty": "No hay registros disponibles",
						"infoFiltered": "(filtered from _MAX_ total records)",
						"sSearch": "Buscar",
						"oPaginate": {
							"sFirst": "Primera",
							"sPrevious": "Anterior",
							"sNext": "Siguiente",
							"sLast": "Última"
						},
					}
				});


} );
</script>