@extends('layouts.admin-Lti')
@section('title','-Compras')
@section('content')

<section class="content">

<ol class="breadcrumb">
<li class="breadcrumb-item"><a href=""><span>Compra</span></a></li>
<li class="breadcrumb-item active"><a><span><b>Actualizar </b></span></a></li>

</ol>
 </section>

<div class="container " style="background:#fff ; border-radius:10px;">

<div class="row "  >
    <div class="col-md-10">
<div class="form-group fornecedor-div">
                  <label>
				  <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Dados do fornecedor</font></font></label>


                  {{-- fornecedores  --}}


                  <select class="form-control select2 select2-hidden-accessible"
                  style="width: 100%;" tabindex="-1" aria-hidden="true"  name="Fornecedor">
              <optgroup class="FornecedorElementosOPt">
                  @foreach($fornecedor as $fornecedoritem)
                  <option value="{{ $fornecedoritem->id }}"
                     @if($fornecedoritem->id==$compra->Fornecedor_id)  selected  @endif >
                      {{ $fornecedoritem->nome }}</option>
                  @endforeach

              </optgroup>
                </select>


                  {{-- fim fornecedor --}}



                </div>
    </div>

    .<div class="col">
        <br>
        <br>
        {!! app(App\Http\Controllers\stoque\fornecedorController::class)->create() !!}

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

<form   action="{{ Route('compra.update',$compra->id) }}" method="POST">
    @method('PUT')
    @csrf
{{--  compra dados --}}
<div class="container no-border " style="background:#fff ; border-radius:10px; margin-top:10px;">

<div class="  card card-default col-md-12 no-border">
    <div class="card-header no-border">

      <div class="card-tools no-shadow no-border">
        <button type="button" class="btn btn-tool" data-widget="collapse" ><i class="fa fa-minus"></i></button>

      </div>
    </div>


    <!-- /.card-header -->
    <div class="card-body no-border" style="display: block;">

       <div class="container ">
<div class="row">

<div class="col-md-12" >
<div class="row" >
<div class="col-md-4">

<div class="form-group ">
            <label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Tipo de Compra:</font></font></label>

            <div class="input-group">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="fa fa-bars"></i></span>
              </div>



                   <select id="my-select" class="form-control" name="tipocompra">
                       <option  @if($compra->TipodeCompra=="Or&ccedil;amento")   selected @endif >Or&ccedil;amento</option>
                       <option @if($compra->TipodeCompra=="Compra")   selected @endif >Compra</option>
                   </select>


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



<div class="col-md-4">

<div class="form-group ">
            <label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Data de Compra :</font></font></label>

            <div class="input-group">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="fa fa-calendar"></i></span>
              </div>


                  <input type="date" class="form-control" required
                  name="dataCompra"    value="{{ $compra->datacompra }}"
                   data-mask="">

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






<div class="col-md-4">
<div class="form-group">
            <label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Codigo Fatura:</font></font></label>

            <div class="input-group">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="fa fa-bars"></i></span>
              </div>


                  <input type="text" class="form-control"   value="{{ $compra->Codigo_Fatura }}" required name="codigo_Fatura" data-mask="">

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




</div>

</div>
<div class="row">
<div class="col-md-12">
<h3> Valores Externos </h3>
</div>

<div class="col-md-5 offset-2">
<div class="form-group">
            <label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Transporte:</font></font></label>

            <div class="input-group">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="fa fa-bars"></i></span>
              </div>


                  <input type="number" class="form-control"  value="{{ $compra->Transporte }}" name="tranporte" data-mask="">

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

<div class="col-md-5">
<div class="form-group">
            <label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Outras Despesas:</font></font></label>

            <div class="input-group">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="fa fa-bars"></i></span>
              </div>


                  <input type="number" class="form-control"   value="{{ $compra->outras_dispesas }}" name="OutrasDespesas" data-mask="">

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

          </div>
   </div>

</div>

</div>

</div>

</div>


 {{--  fim de compra dados  --}}


<div class="container    col-md-12" style="background:#fff ; border-radius:10px; margin-top:10px;">
    <input name="FornecedorAdd"  type="text" value=""/>

    <h3> Dados do produto</h3>



    <div id="table" class="table-editable" style="overflow-y:auto;"
    onclick="myFunction()" id="myDIV">
   {{-- <span class="table-add float-right mb-3 mr-2"><a href="#!" class="text-success"><i
         class="fa fa-plus fa-2x " aria-hidden="true"></i></a></span> --}}
   <table class="table table-bordered  table-hover tabeladeElemetos">
     <thead>
       <tr >

         <th class="text-center" style="width:100px;">Categora<span style="color:#fff">___________</span></th>
         <th class="text-center">Codigo Barras </th>
         <th class="text-center">Nome Genérico </th>
         <th class="text-center">Nome<span  style="color:#fff">_</span>Comercial  </th>
         <th class="text-center">Lote<span  style="color:#fff">_____</span></th>
         <th class="text-center">Quantidade</th>
         <th class="text-center ">Formulação </th>
         <th class="text-center">Preço<span  style="color:#fff">_</span>de<span  style="color:#fff">
            _</span>compra<span  style="color:#fff">_</span>por Unidade</th>
         <th class="text-center"  >Cor<span  style="color:#fff">_</span>de Conservação </th>
         <th class="text-center">Peso </th>
         <th class="text-center">Preço<span  style="color:#fff">_</span>de<span  style="color:#fff">_</span>vendas<span  style="color:#fff">_</span>por Unidade</th>
         <th class="text-center">Validade</th>
         <th class="text-center">Acção</th>

       </tr>
     </thead>
     <tbody id="tr_de_novo_produtos">
       <tr class="ElementosClass">
         <td class="pt-3-half CategoriaColuna" >

    <select class="form-control select2 select2-hidden-accessible Categoria" tabindex="-1"
    style="width:100%" aria-hidden="true" name="Categoria[]">

    <optgroup class="CategoriaElementosOPt">
        @foreach ($categoria as $categoriaitem)
        <option value="{{ $categoriaitem->id }}" @if($categoriaitem->id==$compra->produto[0]->categoria_id) selected @endif>
            {{ $categoriaitem->Descricao}}</option>
            @endforeach

    </optgroup>

            </select>

            {!! app(App\Http\Controllers\stoque\categoriaController::class)->create() !!}
  </div>
{{--  fim de adicionar caracteriticas   --}}
  </td>


<td><input  type="text"   placeholder="18882090000" class="form-control CodigoBarras" name="CodigoBarras[]"  value="{{ $compra->produto[0]->Codigo_Barra }}" style="width:150px">

</td>

               </td>
			   <td class="pt-3-half"  ><input class="form-control nomeGenerico"   style="width:200px;"  value="{{ $compra->produto[0]->nome_generico }}" required type="text" name="nomeGenerico[]"></td>

         <td class="pt-3-half" >



             <input type="text" class="nome  form-control" width="" name="nome[]"
			 list="opcoescadastradas" value="{{$compra->produto[0]->nome}}">
             <datalist name="opcoescadastradas" id="opcoescadastradas">
                 <optgroup class="">
                     @foreach($produto->all() as $key => $produtovalue)
                     <option >{{ $produtovalue->nome }}</option>
                     @endforeach

                 </optgroup>
             </datalist>


             </td>

			 <td class="pt-3-half"  ><input class="form-control lote"   value="{{ $compra->produto[0]->lote }}" required type="text" name="lote[]"></td>

         <td class="pt-3-half"  >
             <input   name="idproduto[]"   class="idmaster" value="{{ $compra->produto[0]->id }}" type="hidden">
             <input class="form-control Quantidade"   value="{{ $compra->produto[0]->Quantidade }}" required type="text" name="Quantidade[]"></td>
         <td class="pt-3-half" ><input class="formulacao  form-control produtoInputElemento" value="{{ $compra->produto[0]->Formulacao }}" required type="text"  style="" placeholder=""  name="formulacao[]"></td>
         <td class="pt-3-half"><input class="form-control Preco_unitario" type="text" value="{{$compra->produto[0]->Preco_Compra  }}" required  plascheod="" name="Preco_unitario[]"></td>
         <td class="pt-3-half" ><input class="form-control Temperatura_Conservacao" required  value="{{$compra->produto[0]->temperatura_Conservacao  }}"  type="text" plascheod="" name="Temperatura_Conservacao[]"></td>
         <td class="pt-3-half" ><input class="form-control Concentracao" type="text" value="{{$compra->produto[0]->Concentracao  }}" required plascheod="" name="Concentracao[]"></td>
         <td class="pt-3-half">
            <input class="form-control preco_venda" type="text" plascheod=""  value="{{$compra->produto[0]->preco_venda  }}" name="preco_venda[]">
         </td>
		 <td class="pt-3-half">
            <input class="form-control preco_venda" type="date" plascheod=""   required style="width:200px;" value="{{$compra->produto[0]->data_validade  }}"
            name="data_validade[]">
         </td>
         <td>
           <span class="addElemtoableT"><button type="button"
               class="btn btn-primary btn-rounded btn-sm my-0">Adicionar</button></span>

         </td>
       </tr>



{{--  precorer outros elementos da compra   --}}
@for($x=1; $x< count($compra->produto->all()) ; $x++)
<tr class="ElementosClass">
    <td class="pt-3-half CategoriaColuna" >
    <select class="form-control" tabindex="-1"

         aria-hidden="true" name="Categoria[]" />

		 @foreach ($categoria as $categoriaitem)
        <option value="{{ $categoriaitem->id }}"    @if($categoriaitem->id==$compra->produto[$x]->categoria_id) selected @endif>
            {{ $categoriaitem->Descricao}}</option>
            @endforeach
			</select>

 </td>
 <td><input  type="text"   placeholder="18882090000" class="form-control" name="CodigoBarras[]"  value="{{ $compra->produto[$x]->Codigo_Barra }}" style="width:150px">

</td>
  <td class="pt-3-half"  ><input class="form-control "   value="{{ $compra->produto[$x]->nome_generico }}" required type="text" name="nomeGenerico[]"></td>

    <td class="pt-3-half" >

 <input type="text" class ="form-control  "  width="" name="nome[]" list="opcoescadastradas"
  value="{{$compra->produto[$x]->nome}}">
        <datalist name="opcoescadastradas" id="opcoescadastradas">
            <optgroup class="">
                @foreach($produto->all() as $key => $produtovalue)
                <option >{{ $produtovalue->nome }}</option>
                @endforeach

            </optgroup>
        </datalist>


        </td>
			 <td class="pt-3-half"  ><input class="form-control "   value="{{ $compra->produto[$x]->lote }}" required type="text" name="lote[]"></td>

    <td class="pt-3-half"  >
      <input  value="{{ $compra->produto[$x]->id }}"  name="idproduto[]" type="hidden" class="idmaster{{$key}}" >
        <input class="form-control"  value="{{ $compra->produto[$x]->Quantidade }}" required type="text" name="Quantidade[]"></td>
    <td class="pt-3-half" ><input   class ="form-control " value="{{ $compra->produto[$x]->Formulacao }}" required type="text"  style="" placeholder=""  name="formulacao[]"></td>
    <td class="pt-3-half"><input  class ="form-control "  type="text" value="{{$compra->produto[$x]->Preco_Compra  }}" required  plascheod="" name="Preco_unitario[]"></td>
    <td class="pt-3-half" ><input  class ="form-control " required  value="{{$compra->produto[$x]->temperatura_Conservacao  }}"  type="text" plascheod="" name="Temperatura_Conservacao[]"></td>
    <td class="pt-3-half" ><input  class ="form-control " type="text" value="{{$compra->produto[$x]->Concentracao  }}" required plascheod="" name="Concentracao[]"></td>
    <td class="pt-3-half">
       <input class="form-control " type="text" plascheod=""  value="{{$compra->produto[$x]->preco_venda  }}" name="preco_venda[]">
    </td>
	 <td class="pt-3-half" ><input  class ="form-control " type="date" value="{{$compra->produto[$x]->data_validade  }}" required plascheod="" name="data_validade[]"></td>
    <td>
        <button class="btn btn-danger" type="button" ><i class="fa fa-minus remove-element  table-remove">remover</i></button></span>

    </td>
  </tr>
  @endfor

{{--  fim de percorer outros elementos da compra   --}}





       </tbody>
       </table>

</div>
</div>

<div class="container  " style="background:#fff ; border-radius:10px; margin-top:10px; margin-bottom:10px ">
    <div  class="row">
<div class=" col-md-10 ">
    <input class="btn btn-primary Guardar_produto " type="submit"  style="float: right;" value="Guardar">
</div>
</div>
</div>
</form>

    @push('script')
<script src="{{ asset('MyJs/adicionarElementosprodutos.js')}}"></script>

<script>
    urlGuardarCategoria='{{ Route('categoria.store') }}';
    token='{{ Session::token() }}';

	var $fornecedorid=$("[name='Fornecedor']").val();
	$("[name='FornecedorAdd']").val($fornecedorid);

	$(document).on("change","[name='Fornecedor']",function(){
	var $fornecedorid=$("[name='Fornecedor']").val();
	$("[name='FornecedorAdd']").val($fornecedorid);
	});
</script>
<script src="{{ asset('MyJs/registoCategoria.js')}}"></script>

@endpush
    @push("script")
    <script src="{{ asset('MyJs/registoDeFornecedor.js')}}"></script>
    <script>
    var urlindex ='{{Route('fornecedor.index')}}';
    var urlstore ='{{Route('fornecedor.store')}}';
    var token ='{{Session::token()}}';





    // funcao para fazer leitura de  fornecedores

    function  lerFornecedor(){
        $.ajax({
              url: urlindex,
              type: 'GET',
              success: function (data, textStatus, jqXHR) {

     $("#elementosSlect").html(data);
     }
     });
    }



    // funcao que guarda produto

    function guadar_produto_funct(){
        $('.Guardar_produto').click(function(e){

      $("[name='FornecedorAdd']").val($("[name='Fornecedor']").val());
        });
    }



function myFunction() {
  const element = document.getElementById("myDIV");
  element.scrollLeft = 50;
  element.scrollTop = 10;
}
</
    </script>

    @endpush


 @endsection