@extends('layouts.delegate')

@section('content')

<div class="normalheader transition animated fadeIn">
	
    <div class="hpanel">
		
        <div class="panel-body">
			
            <a class="small-header-action" href="">
                <div class="clip-header">
                    <i class="fa fa-arrow-up"></i>
                </div>
            </a>

            <div id="hbreadcrumb" class="pull-right m-t-lg">
                <ol class="hbreadcrumb breadcrumb">
                    <li>
						<a href="/delegate/dashboard">
							<i class="fa fa-dashboard"></i>
							Dashboard
						</a>
					</li>
					<li>
						<i class="fa fa-cubes"></i>
						Inventario
					</li>
					<li class="active">
						Carga
					</li>
                </ol>
            </div>
			
            <h2 class="font-light m-b-xs">
				<i class="fa fa-cubes"></i>
                Inventario
            </h2>
			
            <small>Maestro de Piezas y Canasta B&aacute;sica</small>
			
        </div>
		
    </div>
	
</div>

<div class="content">
	
	<div class="row">
		
		<div class="col-md-12 animated-panel">
			
	        <div class="hpanel">
				
	            <div class="panel-body">
	                
					<h3>Carga de Inventario Diario</h3>
					
					<div class="col-sm-12">
							
						<p><strong>NOTAS</strong></p>

						<ol>
							<li>Recuerde guardar el archivo en formato .xls o .xlsx de excel.</li>
							<li>Recuerde que dicho archivo solo debe contener en la primera columna el NUMERO DE PARTE,
								en la segunda la DESCRIPCI&Oacute;N de la pieza
								y en la tercera la cantidad en STOCK.
							</li>
							<li>
								Recuerde que este archivo ser&aacute; tomado por el sistema como el "MAESTRO" de n&uacute;mero de partes.
							</li>
						</ol>

						<p>
							<img src="/images/system/screen_carga_dealer.png" alt="CARGA INVENTARIO" width="50%" />
						</p>

						<p>
							<a href="/files/formatos/formato_carga_dealer.xlsx" class="btn btn-link" download>
								<i class="fa fa-download"></i> Descargar plantilla
							</a>
						</p>

					</div>
					
					<form method="post" enctype="multipart/form-data">
						
						<input type="hidden" name="_token" value="{{ csrf_token() }}" />
						
						<div class="form-group">
							<label for="bodega">Bodega</label>
							<select id="bodega" name="bodega" class="form-control">
								@foreach($concesionario->bodegas as $bodega)
								<option value="{{ $bodega->id }}">{{ $bodega->nombre }}</option>
								@endforeach
							</select>
						</div>
						
						<div class="form-group">
							<label for="inventario">Inventario</label>
							<select id="inventario" name="inventario" class="form-control">
								
							</select>
						</div>
						
						<div class="form-group">
							<label for="file">Archivo</label>
							<input type="file" id="file" name="file" />
						</div>
						
						<div class="form-group">
							<input type="submit" class="btn btn-primary" value="Guardar" />
							<a href="/delegate/inventario/sede/{{ $concesionario->id }}" class="btn btn-default">Cancelar</a>
						</div>
						
					</form>
					
	            </div>
				
	        </div>
			
	    </div>
		
	</div>
	
</div>

@endsection

@section('scripts')
<script>
	$( document ).ready(function() {
		
		var updateDropdown = function() {
			var id_bodega = $('#bodega').val();
			$.getJSON('/services/bodega/' + id_bodega, function(data) {
				$('#inventario').empty();
				for(var i in data.bodega.inventarios) {
					var inventario = data.bodega.inventarios[i];
					$('#inventario').append('<option value="' + inventario.id + '">' + inventario.nombre + '</option>');
				}
			});
		};
		
		$('#bodega').change(function() {
			updateDropdown();
		});
		
		updateDropdown();
		
	});
</script>
@endsection