@extends('estilos.main')

@section('content')

<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      <h3>Nova Venda</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'=>'vendas/venda','method'=>'POST','autocomplete'=>'off'))!!}
        {!!Form::token()!!}
      <div class="row">
        <!--div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
          <div class="form-group">
          <label for="nome_pessoa">Cliente</label>
          <select name="pessoa_id"id="pessoa_id"class="form-control selectpicker"data-live-search="true" required>
            <option value="">Selecione um cliente</option>
            @foreach ($pessoa as $pessoas)
              <option value="{{$pessoas->id}}">{{$pessoas->nome}}</option>
            @endforeach
          </select>
          </div>
        </div-->

        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
          <div class="form-group">
          <label for="nome_pessoa">Nome do cliente</label>
          <input type="text"class="form-control"name="nome_pessoa"id="nome_pessoa" value="Cliente"/>
          </div>
        </div>

        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
          <div class="form-group">
          <label for="recibo">Número de Recibo</label>
          <input type="text" disabled class="form-control"name="recibo"id="recibo"value="{{$codigoR}}"/>
          <input type="hidden"class="form-control"name="recibo"id="recibo"value="{{$codigoR}}"/>

          </div>
        </div>

          <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
            <div class="form-group">
            <label for="serie">Número de Série</label>
            <input type="text" disabled class="form-control"name="serie"id="serie"value="{{$nume_serie}}"/>
            <input type="hidden"class="form-control"name="serie"id="serie"value="{{$nume_serie}}"/>
            </div>
          </div>

          <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
            <div class="form-group">
            <label for="numero">Número do cliente</label>
            <input type="text"class="form-control"name="numero"id="numero"value="+244000000"  placeholder="Numero de cliente"/>
            </div>
          </div>

      </div>


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

          <div class="col-lg-3 col-sm-3 col-md-3 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->stok}}_{{$arti->p_venda}}">{{$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="{{('0')}}" placeholder="Quantidade"/>
            </div>
          </div>

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

          <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
            <div class="form-group">
            <label for="p_venda">Preço de venda</label>
            <input type="number" disabled 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="desconto">Desconto</label>
            <input type="number"class="form-control"name="desconto"id="desconto"value="0" placeholder="Desconto"/>
            </div>
          </div>

          <div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
            <div class="form-group">
              <label for="add"> &nbsp </label>
              <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>Opções</th>
                <th>Artigo</th>
                <th>Qtd</th>
                <th>Pr.Unit</th>
                <th>Desconto</th>
                <th>Sub-Total</th>
              </thead>

              <tfoot>
                <th>Total</th>
                <th></th>
                <th></th>
                <th></th>
                <th><h4 id="totalDesc">S/. 0.00</h4>
                  <input type="hidden"class="form-control"name="total_Desc"id="total_Desc"/>
                </th>
                <th><h4 id="total">S/. 0.00</h4>
                  <input type="hidden"class="form-control"name="total_vendas"id="total_vendas"/>
                </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="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                <div class="form-group">
                <label for="valorPago">Valor pago</label>
                <input type="number" class="form-control" name="valorPago" id="valorPago" required placeholder="Valor Pago"/>
                </div>
              </div>

              <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                <div class="form-group">
                <label for="formaPagamento">Forma de pagamento</label>
                <select name="formaPagamento" id="formaPagamento" class="form-control " data-live-search="true" required>
                  <option value="Dinheiro">Dinheiro</option>
                  <option value="TPA">TPA</option>

                </select>
                </div>
              </div>

              <hr>
              <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 totalDS=0;
    subtotalDS=[];
    var total=0;
    subtotal=[];
    $("#guardar").hide();
    $("#p_artigo_id").change(mostrarValores);

    function mostrarValores(){
      dadosArtigo=document.getElementById('p_artigo_id').value.split('_');
      $("#stok").val(dadosArtigo[1]);
      $("#p_venda").val(dadosArtigo[2]);

    }

    function agregar(){
      dadosArtigo=document.getElementById('p_artigo_id').value.split('_');
      p_artigo_id=dadosArtigo[0];

      artigo=$("#p_artigo_id option:selected").text();
      qntidad=$("#qntidad").val();
      stok=$("#stok").val();
      p_venda=$("#p_venda").val();
      desconto=$("#desconto").val();


      if(p_artigo_id !="" && qntidad !="" && qntidad>0 && p_venda !="" && desconto !="" ){
        if(stok >= qntidad){
          subtotalDS[cont]=(qntidad*desconto);
          totalDS=totalDS+subtotalDS[cont];
          subtotal[cont]=(qntidad*p_venda-desconto);
          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_venda[]"value="'+p_venda+'">'+p_venda+'</td><td><input type="hidden" name="desconto[]"value="'+desconto+'">'+desconto+'</td><td>'+subtotal[cont]+'</td></tr>';
          cont++;
          limpar();
          $("#totalDesc").html("S/." + totalDS);
          $("#total_Desc").val(totalDS);

          $("#total").html("S/." + total);
          $("#total_vendas").val(total);

          test();
          $('#detalhe').append(fila);
        }
        else{
          alert("A quantidade em questão é maior que o stok!");
        }
      }
      else{
        alert("Erro de inserção, revise os dados!");
      }
    }

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

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

        total=total-subtotal[index];
        $("#total").html("S/."+ total);
        $("#total_vendas").val(total);

        $("#fila" +index).remove();
        test();

    }
    </script>

    @endpush

@endsection