@include('header')
@include('navigator_menu_principal')

<div class="container">
	
	<div class="row">		
		<div class="h3 text-left col-md-9">Asignación de usuarios para verificación de documentos LED</div>
		<div class="text-right col-md-3">
			<button type="button" class="btn btn-fidelitas btn-primary nueva" data-toggle="modal" data-target="#modalVerificacion"><i class="fa fa-plus"></i> Nueva asignación</button>
		</div>
	</div>


	<table class="table table-condensed table-striped" id="tablaVerificacion">
		<thead>
			<tr>
				<th>Usuario</th>
				<th>Cliente</th>
				<th>País</th>
				<th>Tipo de Documento</th>
				<th>Contraparte</th>
				<th>Estado</th>
				<th>Acción</th>
			</tr>

		</thead>
		<tbody>
			@foreach($verif as $data)
			<tr>
				<td>{{$data->first_name}} {{$data->last_name}}</td>
				<td>{{$data->nombre_cliente}} @if($data->cliente > 0) ({{$data->cli_codigo}}) @endif</td>
				<td class="text-center">{{$data->country_name}} @if($data->country_code != '') ({{$data->country_code}}) @endif</td>
				<td>{{$data->nombre_tipo_doc}}</td>
				<td>{{$data->nombre_persona}} @if($data->contraparte > 0) ({{$data->abreviatura}} {{$data->identificacion}}) @endif</td>
				<td class="text-center">@if($data->activo > 0) Activo @else No activo @endif</td>
				<td class="text-center" nowrap="nowrap">
					<button type="button" class="btn btn-fidelitas btn-primary updatebtn" data-id-verif="{{$data->id_verif}}"><i class="fa fa-refresh"></i></button>
					<button type="button" class="btn btn-fidelitas btn-primary deletebtn" data-toggle="modal" data-target="#modalEliminar" data-id-verif="{{$data->id_verif}}" data-user-id="{{$data->user_id}}" data-country-code="{{$data->country_code}}" data-cliente="{{$data->cliente}}" data-tipo-doc="{{$data->tipo_doc}}" data-contraparte="{{$data->contraparte}}"><i class="fa fa-trash"></i></button>
				</td>

			</tr>

			@endforeach
			
		</tbody>
		<tfoot></tfoot>
	</table>
</div>


<div id="modalEliminar" 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">Eliminar asignación</h3>
            </div>
            <div class="modal-body" id="borrar_asignacion">
            	<form id="frmDelete" class="form" method="post" action="/led/led-verificacion-docs-delete">
        		{{csrf_field()}}
        		<input type="hidden" name="id_verif" value="">
        		<input type="hidden" name="user_id" value="">
        		<input type="hidden" name="country_code" value="">
        		<input type="hidden" name="cliente" value="">
        		<input type="hidden" name="tipo_doc" value="">
        		<input type="hidden" name="contraparte" value="">
        		<div class="row">
        			<div class="col-md-12 text-center">
        				¿Desea eliminar esta asignación de documentos LED?
        			</div>
        		</div>
        		<div style="height:24px"> </div>
				<div class="row">
					<div class="col-md-12 text-center">
						<button type="submit" class="btn btn-primary btn-fidelitas">Aceptar</button>
						<button type="button" class="btn btn-primary btn-fidelitas" data-dismiss="modal">Cancelar</button>
					</div>
				</div>
				</form>            	
            </div>
        </div>
    </div>
</div>


<div id="modalVerificacion" 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">Agregar asignación</h3>
            </div>
            <div class="modal-body" id="verificacion_doc">
            	<form id="frmAsignar" class="form" method="post" action="/led/led-verificacion-docs-insert">
            		{{csrf_field()}}
				<div class="row">
					<div class="col-md-6 form-group">
						<label for="user_id">Usuario</label>
						<select name="user_id" id="user_id" class="form-control">
							@foreach($users as $user)
							<option value="{{$user->user_id}}">{{$user->first_name}} {{$user->last_name}}</option>
							@endforeach
						</select>
					</div>

					<div class="col-md-6 form-group">
						<label for="country_code">País</label>
						<select name="country_code" id="country_code" class="form-control">
							<option value="">--- Todos ---</option>
							@foreach($country as $pais)
							<option value="{{$pais->country_code}}">{{$pais->country_name}} ({{$pais->country_code}})</option>
							@endforeach
						</select>
					</div>
				</div>

				<div class="row">
					<div class="col-md-12 form-group">
						<label for="cliente">Cliente</label>
						<select name="cliente" id="cliente" class="form-control">
							<option value="">--- Todos ---</option>
							@foreach($clientes as $cli)
							<option value="{{$cli->cliente}}">({{$cli->cli_codigo}}) {{$cli->nombre_cliente}}</option>
							@endforeach
						</select>
					</div>
				</div>

				<div class="row">
					<div class="col-md-6 form-group">
						<label for="tipo_doc">Tipo de documento</label>
						<select name="tipo_doc" id="tipo_doc" class="form-control"></select>
					</div>
					<div class="col-md-6 form-group">
						<label for="contraparte">Contraparte</label>
						<select name="contraparte" id="contraparte" class="form-control"></select>
					</div>
				</div>
				<div style="height:24px"> </div>
				<div class="row">
					<div class="col-md-12 text-center">
						<button type="submit" class="btn btn-primary btn-fidelitas">Aceptar</button>
						<button type="button" class="btn btn-primary btn-fidelitas" data-dismiss="modal">Cancelar</button>
					</div>
				</div>

            	</form>

            </div>
        </div>
    </div>
</div>

<form id="frmUpdate" method="post" action="/led/led-verificacion-docs-update">
	{{csrf_field()}}
	<input type="hidden" name="id_verif" value="">
</form>

<style type="text/css" media="screen">
.form-group {margin-bottom: 4px}	
</style>
@include('footer')

<script type="text/javascript">

	$(document).ready(function() {

		$('#tablaVerificacion').DataTable({
					"pagingType": "full_numbers",
					"dom" : "if<t>lp",
					"ordering": true,
					"columns": [ null, null, null, null, null, null, { "orderable": false }],
					"searching": true,
					"order": [[ 0, "asc" ]],
					"info":  true,
					"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"
						},
					}
				});




		$('#cliente, #country_code').on('change', function() {
			if($('#cliente :selected').val() > 0 || $('#country_code :selected').val() != '') {

				$.ajax({
							method : 'post',
							url : '/led/led-clientes-tipo-doc',
							data : $('#frmAsignar').serialize(),
							success : function(data) {
								$select = $('#tipo_doc');
								$select.find('option').remove();
								var td = JSON.parse(data);
								$select.append('<option value>--- Todos ---</option>');
								$.each(td, function(key, value) {
    								$select.append('<option value=' + value.tipo_doc + '>' + value.nombre_tipo_doc + '</option>');
								});

							}

				});

				$.ajax({
							method : 'post',
							url : '/led/led-cliente-contrapartes',
							data : $('#frmAsignar').serialize(),
							success : function(data) {
								$select = $('#contraparte');
								$select.find('option').remove();
								var contr = JSON.parse(data);
								$select.append('<option value>--- Todos ---</option>');
								$.each(contr, function(key, value) {
    								$select.append('<option value=' + value.contraparte + '>' + value.nombre_persona + ' (' + value.abreviatura + ' ' + value.identificacion + ')' + '</option>');
								});

							}

				});


			}

		});

		$('.deletebtn').on('click', function() {
			$('input[name=id_verif]').val($(this).data('idVerif'));
			$('input[name=user_id]').val($(this).data('userId'));
			$('input[name=country_code]').val($(this).data('countryCode'));
			$('input[name=cliente]').val($(this).data('cliente'));
			$('input[name=tipo_doc]').val($(this).data('tipoDoc'));
			$('input[name=contraparte]').val($(this).data('contraparte'));
		});


		$('.updatebtn').on('click', function() {
			$('input[name=id_verif]').val($(this).data('idVerif'));
			$('#frmUpdate').submit();
		});

	});
</script>