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


<div class="container">
	
	<div class="row">
		<div class="col-md-8 h3">Set de documentos LED</div>
		<div class="col-md-4 text-right">
			<button type="button" class="btn btn-primary btn-fidelitas addbtn" data-toggle="modal" data-target="#modalSetDoc"><i class="fa fa-plus"></i> Agregar set de documentos</button>
			<button type="button" class="btn btn-primary btn-fidelitas" onclick="location.href='/'"><i class="fa fa-reply"></i> Volver al inicio</button>
		</div>
	</div>


	<table class="table table-condensed table-striped table-hover" id="tablaSetDoc">
		<thead>
			<tr>
				<th>Set de documentos</th>
				<th>Descripcion</th>
				<th>Cliente</th>
				<th>Hab. contr.</th>
				<th>Hab. subc.</th>
				<th>Acción</th>
			</tr>
		</thead>
		<tbody>
			@foreach($sets as $set)
			<tr>
				<td>{{$set->nombre_set}}</td>
				<td>{{$set->descripcion_set}}</td>
				<td>{{$set->cli_codigo}} - {{$set->nombre_cliente}}</td>
				<td class="text-center">@if($set->hab_contratista > 0) <i class="fa fa-check text-success"></i> @endif</td>
				<td class="text-center">@if($set->hab_subcontratista > 0) <i class="fa fa-check text-success"></i> @endif</td>
				<td class="text-center">
					<button type="button" class="btn btn-primary btn-fidelitas editbtn" data-toggle="modal" data-target="#modalSetDoc" data-id="{{$set->set_doc}}"><i class="fa fa-edit"></i> Editar</button>
					<button type="button" class="btn btn-primary btn-fidelitas deletebtn" data-toggle="modal" data-target="#modalSetDoc" data-id="{{$set->set_doc}}"><i class="fa fa-trash"></i> Borrar</button>
					<button type="button" class="btn btn-primary btn-fidelitas tiposbtn" data-id="{{$set->set_doc}}" nowrap="nowrap"><i class="fa fa-file-o"></i> Tipos de doc.</button>
				</td>
			</tr>
			@endforeach
		</tbody>
	</table>

</div>


<div id="modalSetDoc" 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 name="frmSetTipoDoc" id="frmSetTipoDoc" method="post" action="/led/led-set-tipo-doc">
	{{csrf_field()}}
	<input type="hidden" name="set_doc" value="" id="set_doc">
</form>


<script type="text/javascript" charset="utf-8" async defer>
	jQuery(document).ready(function($) {
		$('.addbtn').on('click', function() {

			$.ajax({
						method : 'post',
						url : '/led/led-set-documentos-new',
						data : { '_token' : '{{csrf_token()}}' },
						beforeSend: function() {
							$('#modal_title').html('Agregar set de documentos');
							$('#modal_body').html('');
						},
						success: function(data) {
							$('#modal_body').html(data);
						}

			});

		});

		$(document).on('click', '.editbtn', function(e) {
			e.preventDefault();

			$.ajax({
						method : 'post',
						url : '/led/led-set-documentos-edit',
						data : { '_token' : '{{csrf_token()}}' , 'set_doc' : $(this).data('id') },
						beforeSend: function() {
							$('#modal_title').html('Editar set de documentos');
							$('#modal_body').html('');
						},
						success: function(data) {
							$('#modal_body').html(data);
						}

			});

		});
		

		$(document).on('click', '.deletebtn', function(e) {
			e.preventDefault();

			$.ajax({
						method : 'post',
						url : '/led/led-set-documentos-confirm',
						data : { '_token' : '{{csrf_token()}}' , 'set_doc' : $(this).data('id') },
						beforeSend: function() {
							$('#modal_title').html('Eliminar set de documentos');
							$('#modal_body').html('');
						},
						success: function(data) {
							$('#modal_body').html(data);
						}

			});

		});

		$(document).on('click', '.tiposbtn', function(e) {
			e.preventDefault();
			$('#set_doc').val( $(this).data('id') );
			$('#frmSetTipoDoc').submit();
		});



		$('#tablaSetDoc').DataTable({

							"pagingType": "full_numbers",
							"dom" : "p<'row'>f<t>lp",
							"ordering": true,
							"columns": [ 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"
								},
							}


		});



	});
</script>

@include('footer')