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

<div class="container">

	<div class="row">
		<div class="col-md-10 h3">Clasificaciones de Contrapartes</div>
		<div class="col-md-2">
			<button type="button" class="btn btn-fidelitas btn-primary" onclick="location.href='/led/led-clientes'">Volver a clientes LED</button>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12 h4">Cliente: {{$cliente->nombre_cliente}}</div>
	</div>

	<form class="form" method="post" action="/led/led-clasificaciones-insert">
		{{csrf_field()}}
		<input type="Hidden" name="cliente" value="{{$cliente->cliente}}">
		<div class="row">
			<div class="col-md-4 form-group">
				<label for="nombre_clasificacion">Clasificación</label>
				<input name="nombre_clasificacion" id="nombre_clasificacion" class="form-control" required="yes" maxlength="100">
			</div>

			<div class="col-md-3 form-group">
				<label for="tipo_clasificacion">Tipo de Clasificación</label>
				<select name="tipo_clasificacion" id="tipo_clasificacion" class="form-control">
				</select>

			</div>

			<div class="col-md-2 form-group">
				<div for="btninsert">&nbsp;</div>
				<button class="btn btn-info btn-fidelitas" id="btninsert">Agregar clasificación</button>
			</div>
		</div>
	</form>

	<table class="table table-condensed table-striped" id="tablaClasif">
		<thead>
			<tr>
				<th>Nombre clasificación</th>
				<th>Tipo clasificación</th>
				<th>Creada</th>
				<th>Modificada</th>
				<th>Acciones</th>
			</tr>
		</thead>
		<tbody>
			@if (sizeof($clas) == 0)
			<tr>
				<td colspan="5" class="text-center">No se encuentran clasificaciones ingresadas para el cliente</td>
			</tr>
			@endif

			@foreach ($clas AS $clasif)
			<tr>
				<td>{{$clasif->nombre_clasificacion}}</td>
				<td class="text-center">{{$clasif->tipo_clasificacion}}</td>
				<td class="text-center">{{$clasif->created_by_user}}<br>({{$clasif->created}})</td>
				<td class="text-center">{{$clasif->modified_by_user}} @if ($clasif->modified != '') <br> ({{$clasif->modified}}) @endif</td>
				<td class="text-center">
					<button type="button" class="btn btn-fidelitas btn-primary editbtn" data-accion="editar" data-clasificacion="{{$clasif->clasificacion}}" data-toggle="modal" data-target="#modalClasificacion">Editar</button>
					<button type="button" class="btn btn-fidelitas btn-primary editbtn" data-accion="borrar" data-clasificacion="{{$clasif->clasificacion}}" data-toggle="modal" data-target="#modalClasificacion">Borrar</button>
					<button type="button" class="btn btn-fidelitas btn-primary editbtn" data-accion="items" data-clasificacion="{{$clasif->clasificacion}}" data-toggle="modal" data-target="#modalClasificacion">Opciones</button>

				</td>
			</tr>
			@endforeach

		</tbody>
		<tfoot></tfoot>
	</table>

</div>

<div id="modalClasificacion" 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">Clasificación</h3>
            </div>
            <div class="modal-body" id="clasificacion_edit"></div>
        </div>
    </div>
</div>


<script type="text/javascript">
	$(document).ready(function() {

		$('.editbtn').on('click', function() {
			var accion = $(this).data('accion');
			var clasif = $(this).data('clasificacion');
			$.ajax({
					method: 'get',
					url: '/led/led-clasificaciones-edit',
					data: {'accion' : accion, 'clasificacion' : clasif, },
					success: function(data) {
						$('#clasificacion_edit').html(data);
					},

			});
		});


	});
</script>

@include('footer')