@if ($accion != 'items')

	<form action="/led/led-clasificaciones-update" class="form" method="post" id="frmClasifEdit">
		{{csrf_field()}}
		<input type="hidden" name="accion" value="{{$accion}}">
		<input type="hidden" name="cliente" value="{{$clasificacion->cliente}}">
		<input type="hidden" name="clasificacion" value="{{$clasificacion->clasificacion}}">

		<div class="row">
			<div class="col-md-12 form-group">
				<label for="nombre_cliente">Cliente</label>
				<input name="nombre_cliente" id="nombre_cliente" class="form-control" value="{{$clasificacion->nombre_cliente}}" readonly="yes">
			</div>
		</div>

		<div class="row">
			<div class="col-md-8 form-group">
				<label for="nombre_clasificacion">Nombre de la clasificación</label>
				<input type="text" name="nombre_clasificacion" id="nombre_clasificacion" class="form-control" value="{{$clasificacion->nombre_clasificacion}}" @if ($accion == 'editar') required="yes" @else readonly="true" @endif>
			</div>
			<div class="col-md-4 form-group">
				<label for="tipo_clasificacion">Tipo de clasificación</label>
				<select name="tipo_clasificacion" id="tipo_clasificacion" class="form-control" @if ($accion != 'editar') disabled @endif>
				</select>
			</div>
		</div>

		@if ($accion == 'borrar')

			<br>
			<br>
			<div class="text-center">¿Está seguro que desea eliminar ésta clasificación del cliente?</div>
			<br>
			<br>
			<br>

		@endif

		<div class="row">
			<div class="col-md-4 col-md-offset-3">
				<button type="submit" class="btn btn-default btn-fidelitas" >Aceptar</button>
				<button type="button" class="btn btn-default btn-fidelitas" data-dismiss="modal">Cancelar</button>
			</div>
		</div>

	</form>

@else

	<div class="row">
		<div class="col-md-12 form-group">
			<label for="nombre_cliente">Cliente</label>
			<input name="nombre_cliente" id="nombre_cliente" class="form-control" value="{{$clasificacion->nombre_cliente}}" readonly="yes">
		</div>
	</div>

	<div class="row">
		<div class="col-md-8 form-group">
			<label for="nombre_clasificacion">Nombre de la clasificación</label>
			<input type="text" name="nombre_clasificacion" id="nombre_clasificacion" class="form-control" value="{{$clasificacion->nombre_clasificacion}}" @if ($accion == 'editar') required="yes" @else readonly="true" @endif>
		</div>
		<div class="col-md-4 form-group">
			<label for="tipo_clasificacion">Tipo de clasificación</label>
			<select name="tipo_clasificacion" id="tipo_clasificacion" class="form-control" @if ($accion != 'editar') disabled @endif>
			</select>
		</div>
	</div>

	<form name="frmAddItems" class="form" action="/led/led-clasificacion-items-update" method="post" id="frmAddItems">
		<input type="hidden" name="_token" value="{{csrf_token()}}" id="token0">
		<input type="hidden" name="cliente" value="{{$clasificacion->cliente}}" id="_cliente">
		<input type="hidden" name="clasificacion" value="{{$clasificacion->clasificacion}}" id="_clasificacion">
		
		<div class="row">
			<div class="col-md-7 form-group">
				<label for="valor">Nueva opción</label>
				<input name="valor" id="valor" class="form-control" required="yes" maxlength="100">
			</div>
			<div class="col-md-2 form-group">
				<div for="btninsert">&nbsp;</div>
				<button type="submit" class="btn-fidelitas btn btn-info" data-oper="add" id="btninsert">Agregar</button>
			</div>
		</div>
	</form>
	
	<form name="frmRemoveItems" class="form form-inline" action="/led/led-clasificacion-items-update" method="post" id="frmRemoveItems">
		<input type="hidden" name="_token" value="{{csrf_token()}}" id="token1">
		<input type="hidden" name="cliente" value="{{$clasificacion->cliente}}">
		<input type="hidden" name="clasificacion" value="{{$clasificacion->clasificacion}}">
		<div class="row">
			<div class="col-md-12" id="itemsContent">
				{!! $opciones !!}
			</div>
		</div>
	</form>


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

			$('#frmAddItems').on('submit', function(e) {
				e.preventDefault();
				$.ajax({
						method: 'post',
						url: '/led/led-clasificacion-items-update',
						data: {'accion' : 'add', '_token' : $('#token0').val(), 'cliente' : $('#_cliente').val(), 'clasificacion' : $('#_clasificacion').val(), 'valor' : $('#valor').val(), },
						beforeSend: function() {
							$('#itemsContent').html('');
						},
						success: function(data) {
							$('#valor').val('');
							$('#itemsContent').html(data);
						},

				});

			});

			$('#frmRemoveItems').on('submit', function(e) {
				e.preventDefault();
				var it = '';
				$('.checkitem').each(function() {
					if($(this).is(':checked')) {
						if(it != '') {
							it = it + ',';
						}
						it = it + $(this).val();
					};				
				});
				if(it != '') {
					$.ajax({
							method: 'post',
							url: '/led/led-clasificacion-items-update',
							data: {'accion' : 'remove', '_token' : $('#token1').val(), 'cliente' : $('#_cliente').val(), 'clasificacion' : $('#_clasificacion').val(), 'items' : it},
							beforeSend: function() {
								$('#itemsContent').html('');
							},
							success: function(data) {
								$('#valor').val('');
								$('#itemsContent').html(data);
							},

					});
				}

				
			});



		});
	</script>

@endif