@extends('layouts.dashboard')

@section('dashboard')

    @foreach($compra as $c)
    
	    <ul class="breadcrumb m-0 p-0">
	        <li><a href="/dashboard">Home</a></li>
	        <li><strong>Factura de Compra Nº {{ $c->dte_recibido_id }}</strong></li>
	    </ul>
	    
	    <div class="row align-items-center mb-4">
	    	<div class="col-md-auto">
	    		<h1 class="titulo-h1 mb-0">Factura de Compra Nº {{ $c->dte_recibido_id }}</h1>
	    	</div>
	    </div>

    	@if(session('message'))
	        <div class="alert {{ session('alert') }} mb-3">
	            {{ session('message') }}
	        </div>
	    @endif

	    <form class="row form-registro" id="form-compra-{{ $c->dte_recibido_id }}" method="post" action="{{ route('guardar-sku-proveedor', ['id' => $c->dte_recibido_id]) }}">
	    	{{ csrf_field() }}
	    	<input type="hidden" name="proveedor" value="{{ $c->proveedor_id }}">
	    	<div class="col-md">
	    		<div class="card">
		            <div class="card-body">
	                	<table class="table table-hover">
							<tbody>
								<tr>
									<td class="th-first">Proveedor:</td>
									<td class="td">{{ $c->proveedor_nombre }}</td>
								</tr>
								<tr>
									<td class="th-first">Monto:</td>
									<td class="td">${{ \FCR::num_cl($c->dte_total) }}</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
	    	</div>
			<div class="col-md">
	    		<div class="card">
		            <div class="card-body">
	                	<table class="table table-hover">
							<tbody>
								@if(!empty($c->rut))
									<tr>
										<td class="th-first">RUT:</td>
										<td class="td">{{ \FCR::num_cl($c->rut).'-'.$c->rut_digito_verificador }}</td>
									</tr>
								@endif
								<tr>
									<td class="th-first">Bodega:</td>
									<td class="td">
										<select name="bodega" class="form-control sm-form-control border select2" required="">
											@if(count($bodegas) > 0)
												<option value="">-- Seleccione una bodega --</option>
												@foreach($bodegas as $b)
													<option value="{{ $b->bodega_id }}" selected="selected">{{ $b->bodega_nombre }}</option>
												@endforeach
											@else
												<option value="">"No hay bodegas agregadas"</option>
											@endif
										</select>
									</td>
								</tr>
								<tr>
									<td class="th-first">Clasificación:</td>
									<td class="td">
										<select name="clasificacion" class="form-control sm-form-control border select2" required="" onchange="cambiarClasificacion(this.value)">
											<option value="">-- Seleccione una clasificación --</option>
											<option value="1">Mercadería</option>
											@foreach($clasificacion as $cl)
												<option value="{{ $cl->dte_clasificacion_id }}" selected="selected">{{ $cl->dte_clasificacion_nombre }}</option>
											@endforeach
										</select>
									</td>
								</tr>
								<tr>
									<td class="th-first">Centro de costo:</td>
									<td class="td">
										<select name="centro-costo" class="form-control sm-form-control border select2" required="">
											@if(count($centro_costo) > 0)
												<option value="">-- Seleccione centro de costo --</option>
												@foreach($centro_costo as $cc)
													<option value="{{ $cc->dte_centro_costo_id }}" selected="selected">{{ $cc->dte_centro_costo_nombre }}</option>
												@endforeach
											@else
												<option value="">"No hay centros de costos agregados"</option>
											@endif
										</select>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			
	        @if(count($productos) > 0)
		        <div class="col-12">
			        <div class="card mt-4">
			        	<div class="card-body">
			        		<h3 class="titulo-h1 mb-3">Productos</h3>
			            	<div class="row">
			            		<div class="col">
				    				<table class="table table-hover">
				    					<thead>
				    						<tr>
				    							<th>SKU Proveedor</th>
				    							<th class="td-mercaderia d-none">SKU Propio</th>
				    							<th>Descripción</th>
				    							<th>Precio</th>
				    							<th>Cantidad</th>
				    							<th>Subtotal</th>
				    							<th class="td-mercaderia d-none">Posición</th>
				    						</tr>
				    					</thead>
										<tbody>
											@foreach($productos as $p)
												@php
													$num = $p->dte_recibido_detalle_id;
													$producto = $p->producto_id;
													$producto_detalle = $p->producto_detalle_id;
													$codigo = $p->producto_codigo_sku;
												@endphp
												<tr id="detalle-{{ $num }}">
													<td class="td">{{ $p->dte_recibido_detalle_sku }}<input type="hidden" name="sku-proveedor[]" value="{{ $p->dte_recibido_detalle_sku }}"><input type="hidden" name="dte-recibido-detalle[]" value="{{ $num }}"></td>
													<td class="td td-producto td-mercaderia d-none">@include('dashboard.dte.td-producto')</td>
													<td class="td"><input type="text" name="descripcion[]" class="form-control sm-form-control border" value="{{ $p->dte_recibido_detalle_descripcion }}" placeholder="Descripción" required=""></td>
													<td class="td">${{ \FCR::num_cl($p->dte_recibido_detalle_neto) }}</td>
													<td class="td">{{ $p->dte_recibido_detalle_cantidad }}<input type="hidden" name="cantidad[]" value="{{ $p->dte_recibido_detalle_cantidad }}"></td>
													<td class="td">${{ \FCR::num_cl($p->dte_recibido_detalle_subtotal) }}</td>
													<td class="td td-posicion td-mercaderia d-none">@include('dashboard.dte.td-posicion')</td>
												</tr>
											@endforeach
										</tbody>
									</table>
			            		</div>
			            	</div>
			            	<hr>
			            	@if(empty($c->bodega_id))
				            	<div class="form-group text-right">
				            		<button type="submit" class="btn btn-primary btn-sm">Guardar cambios</button>
				            	</div>
			            	@endif
			        	</div>
			        </div>
			    </div>
		    @endif
	    </form>

	@endforeach
    
@endsection

@section('scripts')

	<script>
		function cambiarClasificacion(clasificacion) {
			if(clasificacion == 1) {
				$('.td-mercaderia').removeClass('d-none');
			} else {
				$('.td-mercaderia').addClass('d-none');
			}
		}
	</script>

@endsection