@extends('layout.main')
@section('content')

    <div class="sixteen wide tablet sixteen wide computer column ">
        <div class="ui segment">
            
            <h4 class="ui dividing header teal centered">REGISTRAR NUEVO PRODUCTO</h4>
            <br>

            <form class="ui form" id="frmNuevo" autocomplete="off">

                <!-- start tab 1 -->
                <div class="ui tab active" data-tab="one">

                    <div class="three fields">
                        <div class="four wide field">
                            <div class="ui fluid large white label">Almacén de Destino</div>
                        </div>
                        <div class="eleven wide field">
                            <select class="ui fluid small input dropdown" name="id_local">
                               {{--  <option value="">Seleccione</option> --}}
                                @if(Auth::guard("usuario")->user()->id_rol == 1)
                                    @foreach($locales as $local)
                                       <option value="{{ $local->id_local }}"> {{ $local->nombre }} ({{ ucwords(mb_strtolower($local->direccion ))}})</option>
                                    @endforeach
                                @else
                                     <option value="{{ Auth::guard("usuario")->user()->id_local }}"> {{ Auth::guard('usuario')->user()->local->nombre }} ({{ ucwords(mb_strtolower(Auth::guard('usuario')->user()->local->direccion ))}})</option>
                                @endif     
                            </select>  
                        </div>
                    </div>
                    
                    <div class="three fields">
                        <div class="four wide field">
                            <div class="ui fluid large white label">Nombre del Producto</div>
                        </div>
                        <div class="eleven wide field">
                            <div class="ui small input ">
                              <input type="text" name="nombre" maxlength="800" oninput="$.upperCase(this)">
                            </div>
                        </div>
                    </div>

                    <div class="four fields">
                        <div class="four wide field">
                            <div class="ui fluid large white label">Marca del Producto</div>
                        </div>
                        <div class="field">
                            <div class="ui small input ">
                              <input type="text" name="descripcion"  maxlength="200" oninput="$.upperCase(this)">
                            </div>
                        </div>
                        <div class="three wide field">
                            <div class="ui fluid large white label">Cantidad en Stock</div>
                        </div>
                        <div class="field">
                            <div class="ui small input">
                                <input type="text" name="cantidad" maxlength="6">
                            </div>  
                        </div>
                    </div>

                    <div class="four fields">
                        <div class="four wide field">
                            <div class="ui fluid large white label">Codigo de Barras</div>
                        </div>
                        <div class="field">
                            <div class="ui small input ">
                              <input type="text" name="codigo_barras"  maxlength="100" oninput="$.upperCase(this)">
                            </div>
                        </div>
                        <div class="three wide field">
                            <div class="ui fluid large white label">Fecha Vencimiento</div>
                        </div>
                        <div class="field">
                            <div class="ui small input">
                                <input type="text" class="fecha" name="fecha_vencimiento">
                            </div>  
                        </div>
                    </div>

                    <div class="four fields">
                        <div class="four wide field">
                            <div class="ui fluid large white label" title="Cantidad minima del stock para que el sistema le notifique">Cantidad para alertas de agotado</div>
                        </div>
                        <div class="field">
                            <div class="ui small input">
                                <input type="text" maxlength="10" name="stock_alerta" id="stock_alerta" value="10">
                            </div>  
                        </div>
                        <div class="three wide field">
                            <div class="ui fluid large white label">Lote / Serie</div>
                        </div>
                        <div class="field">
                            <div class="ui small input ">
                              <input type="text" name="lote"  maxlength="800" oninput="$.upperCase(this)">
                            </div>
                        </div>
                        
                    </div>

                    <div class="form_footer">
                        <div class="ui right floated default button tab_two">SIGUIENTE<i class="arrow right icon"></i></div>
                    </div>

                </div>
                <!-- end tab 1 -->
                <!-- start tab 2 -->
                <div class="ui tab" data-tab="two">
                    
                    <div class="four fields">

                        <div class="four wide field">
                            <div class="ui fluid large white label">Precio de VENTA por unidad</div>
                        </div>

                        <div class="one wide field">
                            <select class="ui fluid small input dropdown" name="tipo_precio">
                                <option value="1"> S/ </option>
                                <option value="2"> %  </option>
                            </select>    
                        </div>

                        <div class="three wide field">
                            <div class="ui small input">
                                <input type="text" name="precio" maxlength="11">
                            </div> 
                        </div>


                         <div class="field">
                            <div class="ui fluid large white label">Precio de Compra por unidad</div>
                        </div>
                        <div class="field">
                            <div class="ui labeled small input">
                                <label class="ui label">S/</label>
                                <input type="text" name="precio_compra" maxlength="11">
                            </div> 
                        </div>
                    </div>

                    <div class="four fields">
                        <div class="field">
                            <div class="ui fluid large white label">Precio de venta por MAYOR</div>
                        </div>

                        <div class="one wide field">
                            <select class="ui fluid small input dropdown" name="tipo_precio_2">
                                <option value="1"> S/ </option>
                                <option value="2"> %  </option>
                            </select>    
                        </div>

                        <div class="three wide field">
                            <div class="ui small input">
                                <input type="text" name="precio_mayorista" maxlength="11">
                            </div> 
                        </div>
                    </div>

                    <div class="four fields">
                        <div class="field">
                            <div class="ui fluid large white label">Tipo de Presentación</div>
                        </div>
                        <div class="field">
                            <select class="ui small search selection dropdown" name="id_tipo_presentacion">
                                @foreach($tipo_presentacion as $tipo)
                                    <option value="{{$tipo->id_tipo_presentacion}}">{{$tipo->nombre}}</option>
                                @endforeach
                            </select>  
                        </div>

                        <div class="field">
                            <div class="ui fluid large white label">Unidad de Medida</div>
                        </div>
                        <div class="field">
                            <select class="ui small search selection dropdown" name="id_unidad_medida">
                                @foreach($unidad_medida as $unidad)
                                    <option value="{{$unidad->id_unidad_medida}}">{{$unidad->nombre}} ({{$unidad->abreviatura}})</option>
                                @endforeach
                            </select>  
                        </div>
                    </div>
                    
                    <div class="four fields">
                         <div class="field">
                            <div class="ui fluid large white label">Tipo de Producto</div>
                        </div>
                        <div class="field">
                            <select class="ui small input dropdown" name="tipo_producto">
                                <option value="Generico">Generico</option>
                                <option value="Comercial">Comercial</option>
                            </select>  
                        </div>
                        <div class="field">
                            <div class="ui fluid large white label">Situacion de Impuesto</div>
                        </div>
                        <div class="field">
                            <select class="ui small selection dropdown" name="situacion_impuesto">
                                <option value="AFECTO">Afecto</option>
                                <option value="INAFECTO">Inafecto</option>
                                <option value="EXONERADO">Exonerado</option>
                            </select>  
                        </div>
                    </div>

                    <div class="four fields">
                        <div class="field">
                            <div class="ui fluid large white label">Tipo de Impuesto</div>
                        </div>
                        <div class="field">
                            <select class="ui small selection dropdown" name="tipo_impuesto">
                                <option value="IGV">IGV</option>
                                {{-- <option value="ISC">ISC</option> --}}
                            </select>  
                        </div>
                        <div class="field">
                            <div class="ui fluid large white label">Valor de Impuesto</div>
                        </div>
                        <div class="field">
                            <div class="ui right labeled small input">
                                <input type="text" name="valor_impuesto" id="valor_impuesto" value="{{$empresa->valor_impuesto}}" readonly maxlength="8">
                                <label class="ui label">%</label>
                            </div>  
                        </div>
                    </div>

                    <div class="four fields">
                        <div class="field">
                            <div class="ui fluid large white label">Imagen del producto</div>
                        </div>
                        <div class="field">
                            <div class="ui action small input" id="cargar-imagen">
                                <input type="text" placeholder="Tamaño maximo de imagen 2MB" readonly>
                                <input type="file" name="imagen" id="imagen" multiple="" accept="image/x-png,image/gif,image/jpeg"/>
                              
                                <div class="ui icon button" title="Seleccione una imagen para el producto">
                                    <i class="attach icon"></i>
                                </div>
                            </div> 
                        </div> 

                    
                        <div class="field">
                            <div class="ui fluid large white label">Tiene ICBPER? (solo bolsas)</div>
                        </div>
                        <div class="field">
                            <select class="ui small selection dropdown" name="icbper">
                                <option value="0">NO</option>
                                <option value="1">SI</option>
                            </select>  
                        </div>
                        


                    </div>

         
                    <div class="form_footer">
                        <div class="ui left floated default button tab_one"><i class="arrow left icon"></i>REGRESAR</div>
                        <div class="ui right floated primary button btn_registrar"><i class="check icon"></i>REGISTRAR</div>
                    </div>  

                </div>
                <!-- end tab 2 -->
                

                  
            </form>

        </div>
    </div>

    <!--start register modal -->
    <div class="ui small basic modal" id="register_modal">
        <div class="ui icon header"><i class="check circle icon"></i>Registrar Información</div>
        <div class="content" style="text-align: center; font-size: 16px">
          <p>¿Desea registrar esta información en el sistema?</p>
        </div>
        <div class="actions">
            <div class="ui red basic cancel inverted button" title="Haga clic para salir"><i class="remove icon"></i>Cancelar</div>
            <div class="ui green ok inverted button" title="Haga clic para registrar"> <i class="checkmark icon"></i>Registrar</div>
        </div>
    </div>
    <!--end register modal -->
    
@stop

@section('scripts')
    <script src="{{ asset('js/producto/nuevo.js') }}"></script>
@stop


