@extends('estilos.main')

@section('content')

<div class="row">
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      <h3>Nova Entrada</a></h3>
      @if(count($errors)>0)
      <div class="alert alert-danger">
        <ul>
          @foreach ($errors->all() as $error)
          <li>{{$error}}</li>
          @endforeach
        </ul>
      </div>
      @endif
</div>
</div>

      {!!Form::open(array('url'=>'compras/entrada','method'=>'POST','autocomplete'=>'off'))!!}
        {!!Form::token()!!}
      <div class="row">

        
          <input type="hidden"class="form-control"name="recibo"id="recibo"value="{{$codigoR}}"/>
		  <input type="hidden" class="form-control" name="nome_pessoa" id="nome_pessoa" value="Fornecedor"/>
		  <input type="hidden"class="form-control"name="numero"id="numero"value="927999999"/>
		  <input type="hidden"class="form-control"name="email"id="email"value="fornecedor@contai.com" />
		  <input type="hidden"class="form-control"name="serie"id="serie"value="{{$nume_serie}}"/>
		
	 
      </div>

	<div class="row">
      <div class="panel panel-primary">
        <div class="panel-body">

          <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
            <div class="form-group">
            <label for="p_artigo_id">Artigo</label>
            <select name="p_artigo_id" id="p_artigo_id" class="form-control selectpicker"data-live-search="true">
              <option value="">Artigo</option>
              @foreach ($artigo as $arti)
                <option value="{{$arti->id}}">{{$arti->artigo}}</option>
              @endforeach
            </select>
            </div>
          </div>
          
          <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
            <div class="form-group">
            <label for="qntidad">Quantidade</label>
            <input type="number"class="form-control"name="qntidad"id="qntidad"value="{{old('qntidad')}}" placeholder="Quantidade"/>
            </div>
          </div>

          <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
            <div class="form-group">
            <label for="p_compra">Preco de compra</label>
            <input type="number"class="form-control"name="p_compra"id="p_compra"value="{{old('p_compra')}}" placeholder="Preco de compra"/>
            </div>
          </div>

          <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
            <div class="form-group">
            <label for="p_venda">Preco de venda</label>
            <input type="number"class="form-control"name="p_venda"id="p_venda"value="{{old('p_venda')}}"placeholder="Preco de venda"/>
            </div>
          </div>

          <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
            <div class="form-group">
              <label for="p_venda"> &nbsp </label><br>
              <button type="button" id="bt_add"class="btn btn-primary">Add</button>
            </div>
          </div>

          <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
            <table id="detalhe"class="table table-striped table-bordered table-condensed table-hover">
              <thead style="background-color:#a9d0f5">
                <th>Opcoes</th>
                <th>Artigo</th>
                <!--th>Dosagem</th>
                <th>Forma</th-->
                <th>Quantidade</th>
                <th>P-Compra</th>
                <th>P-Venda</th>
                <th>Sub-Total</th>
              </thead>

              <tfoot>
                <th>Total</th>
                <th></th>
                <!--th></th>
                <th></th-->
                <th></th>
                <th></th>
                <th></th>
                <th><h4 id="total">S/. 0.00</h4></th>
              </tfoot>
              <tbody>

              </tbody>
            </table>
          </div>

        </div>
      </div>

      <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12" id="guardar">
        <div class="form-group">
          <input type="hidden"class="form-control"name="_token" value="{{ csrf_token() }}"></Input>

          <button type="reset" class="btn bg-yellow" data-dismiss="modal"><i class="ace-icon fa fa-times red2" ></i> Cancelar</button>

          <button type="submit" class="btn btn-success"><i class="ace-icon fa fa-check"></i> Success</button>

        </div>
     </div>
   </div>
      {!!Form::close()!!}

    @push('scripts')

    <script>

    $(document).ready(function(){
      $("#bt_add").click(function(){
        agregar();
      });
    });
    var cont=0;
    var total=0;
    subtotal=[];
    $("#guardar").hide();

    function agregar(){
      p_artigo_id=$("#p_artigo_id").val();
      artigo=$("#p_artigo_id option:selected").text();
      /*dosagem=$("#dosagem option:selected").text();
      forma_farm=$("#forma_farm option:selected").text();*/
      qntidad=$("#qntidad").val();
      p_compra=$("#p_compra").val();
      p_venda=$("#p_venda").val();

      if(p_artigo_id !="" && qntidad !="" && qntidad>0 && p_compra !="" && p_venda !=""){
        subtotal[cont]=(qntidad*p_compra);
        total=total+subtotal[cont];
        var fila='<tr class="selected"id="fila'+cont+'"><td><button type="button"class="btn btn-warning" onclick="eliminar('+cont+');">X</button></td><td><input type="hidden" name="p_artigo_id[]"value="'+p_artigo_id+'">'+artigo+'</td><td><input type="hidden" name="qntidad[]"value="'+qntidad+'">'+qntidad+'</td><td><input type="hidden" name="p_compra[]"value="'+p_compra+'">'+p_compra+'</td><td><input type="hidden" name="p_venda[]"value="'+p_venda+'">'+p_venda+'</td><td>'+subtotal[cont]+'</td></tr>';
        cont++;
        limpar();
        $("#total").html("S/." + total);
        test();
        $('#detalhe').append(fila);
      }
      else{
        alert("Erro de insercao, revise os dados do artigo!");
      }
    }

    function limpar(){
      $("#qntidad").val("");
      $("#p_compra").val("");
      $("#p_venda").val("");
    }

    function test(){
      if (total>0) {
        $("#guardar").show();
      } else {
        $("#guardar").hide();
      }
    }
    function eliminar(index){
        total=total-subtotal[index];
        $("#total").html("S/."+ total);
        $("#fila" +index).remove();
        test();

    }
    </script>

    @endpush

@endsection