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

<div class="container">
	
	<div class="row">
		<div class="col-md-8 h3">Clasificación de Proveedores LED</div>
		<div class="col-md-2"><button class="btn btn-fidelitas btn-primary backcontrap">Volver a proveedores</button></div>
		<div class="col-md-2"><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-6 h4">Cliente: {{$contrap->nombre_cliente}}</div>
		<div class="col-md-6 h4 text-right">Proveedor: {{$contrap->nombre_persona}} ({{$contrap->abreviatura}} {{$contrap->numero}}) - {{$contrap->country_name}}</div>
	</div>

	<br>
	<form class="form" method="post" action="/led/led-contraparte-familias-insert">
		{{csrf_field()}}
		<input type="Hidden" name="cliente" value="{{$contrap->cliente}}" id="_cliente">
		<input type="Hidden" name="contraparte" value="{{$contrap->contraparte}}" id="_contraparte">

		<div class="row">
			<div class="col-md-3 form-group">
				<label for="familia">Familia</label>
				<select name="familia" id="familia" class="form-control">
					@foreach ($familias AS $fam)
					<option value="{{$fam->familia}}">{{$fam->nombre_familia}}</option>
					@endforeach
				</select>
			</div>

			<div class="col-md-2 form-group">
				<label for="codigo_agrupacion">Cód. agrupación</label>
				<input name="codigo_agrupacion" id="codigo_agrupacion" class="form-control" maxlength="10">
			</div>

			<div class="col-md-2 form-group">
				<label for="estado_homologacion">Homologación</label>
				<select id="estado_homologacion" name="estado_homologacion" class="form-control">
					<option value="H">Homologada</option>
					<option value="N">No homologada</option>
				</select>				
			</div>

			<div class="col-md-2 form-group">
				<label for="activo">Estado</label>
				<select id="activo" name="activo" class="form-control">
					<option value="1">Activa</option>
					<option value="0">No activa</option>
				</select>				
			</div>


			<div class="col-md-2 form-group">
				<div for="btnasignar">&nbsp;</div>
				<button class="btn btn-primary btn-fidelitas" id="btnasignar" class="form-control">Asignar familia</button>
			</div>
		</div>
	</form>

	<table class="table table-striped table-condensed" id="tablaFamilias">
	<thead>
		<tr>
			<th>Familia</th>
			<th class="text-center">Cód. Agrupación</th>
			<th class="text-center">Estado homolog.</th>
			<th class="text-center">Activa</th>
			<th class="text-center">Asignada</th>
			<th class="text-center">Modificada</th>
			<th class="text-center">Acciones</th>
		</tr>
	</thead>
	<tbody>
		
		@if (sizeof($clasif) == 0)
		<tr>
			<td colspan="7" class="text-center">No se han asignado familias al proveedor</td>
		</tr>
		@endif

		@foreach ($clasif as $fam)
		<tr>
			<td class="text-left">{{$fam->nombre_familia}}</td>
			<td class="text-center">{{$fam->codigo_agrupacion}}</td>
			<td class="text-center">@if ($fam->estado_homologacion == 'H') Homologada @else No homologada @endif</td>
			<td class="text-center">@if ($fam->activo > 0) SI @else NO @endif</td>
			<td class="text-center">{{$fam->created_by_user}}<br>({{$fam->created}})</td>
			<td class="text-center">{{$fam->modified_by_user}} @if ($fam->modified != '')<br>({{$fam->modified}}) @endif</td>
			<td class="text-center">
				<button type="button" class="btn btn-primary btn-fidelitas editbtn" data-toggle="modal" data-target="#modalFamilia" data-accion="editar" data-familia="{{$fam->familia}}">Editar</button>
				<button type="button" class="btn btn-primary btn-fidelitas editbtn" data-toggle="modal" data-target="#modalFamilia" data-accion="borrar" data-familia="{{$fam->familia}}">Borrar</button>
			</td>

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

</div>



<div id="modalFamilia" 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">Familia</h3>
            </div>
            <div class="modal-body" id="contraparte_familia_edit"></div>
        </div>
    </div>
</div>


<form name="frmBack" id="frmBack" method="post" action="/led/led-contrapartes">
	{{csrf_field()}}
	<input type="Hidden" name="cliente" value="{{$contrap->cliente}}">
</form>

<script type="text/javascript">
	$(document).ready(function() {
		$('.backcontrap').on('click', function() {
			$('#frmBack').submit();
		});



		$('.editbtn').on('click', function() {
			var accion = $(this).data('accion');
			var fam = $(this).data('familia');

			$.ajax({
					method: 'get',
					url: '/led/led-contraparte-familias-edit',
					data: {'accion' : accion, 'cliente' : $('#_cliente').val(), 'contraparte' : $('#_contraparte').val(), 'familia' : fam},
					success: function(data) {
						$('#contraparte_familia_edit').html(data);
					},


			});

		});

	});


</script>


@include('footer')