@extends('layouts.app')

@section('content')
    @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
        </ul>
      </div><br />
    @endif
     
    <form  action="{{ action('ProductController@store') }}" enctype="multipart/form-data" class="form-horizontal" method="post" name="newProduct">
        @csrf

        <fieldset class="border p-2">
            <legend class="w-auto">Nuevo Producto</legend>
            <div class="row py-md-2">
                <div class="col-sm-12">
                    <label for="productname">Nombre</label>
                    <input type="input" class="form-control" id="productname" name="productname">
                </div> 
        
            </div>
            <div class="row py-md-2">
                <div class="col-sm-12">
                    <label for="productdescription">Descripcion</label>
                    <input type="input" class="form-control" id="productdescription" name="productdescription">
                </div>   
                
            </div>
            
            <div class="row py-md-2" > 
                <div class="col-sm-4">
                    <label for="productbarcode">Codigo Barras</label>
                    <input type="input" class="form-control" id="productbarcode" name="productbarcode">
                </div>  
                <div class="col-sm-3">
                    <label for="productconversionvalue">Valor de Conversion</label>
                    <input type="input" class="form-control" id="productconversionvalue" name="productconversionvalue" value="1">
                </div> 
                <div class="col-sm-3">
                    <label for="productsatcode">Codigo SAT</label>
                    <input type="input" class="form-control" id="productsatcode" name="productsatcode">
                </div>  
                
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <label for="productline">Linea</label>
                    <select class="form-control" name="productline" id="productline">
                        <option value="0">Seleccionar</option>
                        @foreach ($lines as $line)
                            <option value="{{ $line->id }}">{{ $line->name }}</options>
                        @endforeach
                    </select>
                </div>
                <div class="col-sm-3">
                    <label for="productsaleunit">Unidad Venta</label>
                    <select class="form-control" name="productsaleunit" id="productsaleunit">
                        <option value="0">Seleccionar</option>
                        <option value="CAJA">CAJA</option>
                        <option value="PAQUETE">PAQUETE</option>
                        <option value="FARDO">FARDO</option>
                        <option value="PACA">PACA</option>
                        <option value="PIEZA">PIEZA</option>
                        <option value="MASTER">MASTER</option>
                        <option value="BULTO">BULTO</option>
                        <option value="KG">KG</option>
                        <option value="METRO">METRO</option>
                        <option value="PAR">PAR</option>
                        <option value="N/A">N/A</option>
                        
                    </select>
                </div>
                <div class="col-sm-3">
                    <label for="productbuyunit">Unidad Compra</label>
                    <select class="form-control" name="productbuyunit" id="productbuyunit">
                        <option value="0">Seleccionar</option>
                        <option value="CAJA">CAJA</option>
                        <option value="PAQUETE">PAQUETE</option>
                        <option value="FARDO">FARDO</option>
                        <option value="PACA">PACA</option>
                        <option value="PIEZA">PIEZA</option>
                        <option value="MASTER">MASTER</option>
                        <option value="BULTO">BULTO</option>
                        <option value="KG">KG</option>
                        <option value="METRO">METRO</option>
                        <option value="PAR">PAR</option>
                        <option value="N/A">N/A</option>
                        
                    </select>
                </div>
                <div class="col-sm-3">
                    <label for="productclassification">Clasificacion</label>
                    <select class="form-control" name="productclassification" id="productclassification">
                        <option value="0">Seleccionar</option>
                        <option value="aba">Abarrotes</option>
                        <option value="des">Desechables</option>
                        <option value="abaieps">Abarrotes IEPS</option>
                        <option value="abaiva">Abarratos IVA</option>
                        <option value="sum">SUM</option>
                        <option value="comision">COMISION</option>
                        <option value="noventa">NO VENTA</option>
                        
                    </select>
                </div>
                
            </div>
            <div class="row">
              <div class="col-sm-3">
                    <label for="productmov">Tipo Movimiento</label>
                    <select class="form-control" name="productmov" id="productmov">
                        <option value="0">Ambos</option>
                        <option value="1">Compras</option>
                        <option value="2">Venta</option>            
                    </select>
              </div>
                <div class="col-sm-3 px-md-5">
                    <input type="file" class="form-control-file" name="file" id="file" aria-describedby="fileHelp">
                </div>
                
            </div>
            <div class="row ">
                
                <div class="col-md-12 py-md-2"><input type="button" class="btn btn-success" id="btnGrabar" name="btnGrabar" value="Grabar" onclick="document.newProduct.submit();"></div>
            </div>
        </fieldset>
    </form>

@stop
@push('scripts')

<script>
var tblProducts;
$( document ).ready(function() {
    getLastCode();
    $("#productbarcode").on('change',function() {
        //alert($(this).val())
    })

   


});

function getLastCode() {
    $.ajax({
        type: 'GET',
        url: "{{ route('getlastcode') }}", // call your php file
        cache: false,
        success: function(data){
            // var info = JSON.parse(data);
            if(data) {
            var info = JSON.parse(data);
                $("#productcode").val('R'+info[0]['LastCode']);
            } 
        },
        error: function(xhr, ajaxOptions, thrownError) {
            alert(xhr);
        } 
    });
}

</script>
@endpush