@extends('layouts.admin-Lti')
@section('title','-Relatório Loja ')
@section('content')

<section class="content">

<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ Route('produto.index') }}"><span>Estoque</span></a></li>
<li class="breadcrumb-item active"><a><span><b>Relatorio </b></span></a></li>

</ol>
 </section>

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

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


                  {{-- fornecedores  --}}


                  <select class="form-control   compraIdShow select2 select2-hidden-accessible"
                  style="width: 100%;" tabindex="-1" aria-hidden="true"  name="Compra">
              <optgroup class="CompraSelet">

                  <option value="0"  >todas</option>
                 @foreach ( $compra as $compraItem)
                            <option value="{{$compraItem->id}}"  > {{$compraItem->Codigo_Fatura}}</option>
                 @endforeach


              </optgroup>
                </select>


                  {{-- fim fornecedor --}}



                </div>

    </div>
	  <div class="col-12 col-sm-6">
                <div class="form-group">
                  <label>Categoria de Produtos</label>
                  <div class="select2-purple">
                    <select class="select2 CategoriaFarmacos" multiple="multiple"  name="Categoria[]" data-placeholder="Select a State" data-dropdown-css-class="select2-purple" style="width: 100%;">

                      @foreach ($categora as $categoraItem)
                           <option value="{{ $categoraItem->id}}">{{ $categoraItem->Descricao}}</option>
                      @endforeach



                    </select>
                  </div>
                </div>
                <!-- /.form-group -->
              </div>



			  </form>
			    <div  class="elementosSlectCompra col-12" id="elementosSlectCompra">
                </div>

    .
</div>

</div >

<br>







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

<script src="{{ asset('Datatable/js/jquery.dataTables.min.js')}}"></script>
<script src="{{ asset('Datatable/js/dataTables.buttons.min.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.flash.min.js')}}"></script>
<script src="{{ asset('Datatable/js/jszip.min.js')}}"></script>
<script src="{{ asset('Datatable/js/pdfmake.min.js')}}"></script>
<script src="{{ asset('Datatable/js/vfs_fonts.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.html5.min.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.print.min.js')}}"></script>
<script src="{{ asset('Datatable/js/buttons.colVis.min.js')}}"></script>
  <script>
  var urlcreate ='{{Route('RelatorioSaldo.create')}}';
  var urlstore ='{{Route('fornecedor.store')}}';
  var token ='{{Session::token()}}';



$(document).ready(function(){
      lergeralIngormacaoSaldo($("form").serialize());
    $(".compraIdShow").change( function(){

          lergeralIngormacaoSaldo($("form").serialize());

    });

//estudo
    $(".CategoriaFarmacos").change(function(){


        lergeralIngormacaoSaldo($("form").serialize());
    });
//


$(document).ready(function() {


        $('#listaprodutos').DataTable( {

            "paging": true,
            "lengthChange": true,
            "searching": true,
            "ordering": true,
            "info": false,
            "autoWidth": true,
            "lengthMenu": [[5, 10, 25, 50, -1], [5,10, 25, 50, "All"]],
            language: {
              "lengthMenu": "visualizar _MENU_ ",
              "zeroRecords": "Nada foi encontado",
              "info": "mostrara pagina por pagina",
              "processing":     "processando..",
              "infoEmpty": "Nada tem ",
              "infoFiltered": "(filtered from _MAX_ total records)",
              "loadingRecords": "processando...",
              "search":         "pesquisar:",
              "paginate": {
          "first":      "primera",
          "last":       "ultima",
          "next":       "proxima",
          "previous":   " Anterior"
        },
          },
            initComplete: function () {
                this.api().columns([3,4,5,6,7]).every( function () {
                    var column = this;
                    var select = $('<select  class="SelectorSerach"><option value=""></option></select>')
                        .appendTo( $(column.footer()).empty() )
                        .on( 'change', function () {
                            var val = $.fn.dataTable.util.escapeRegex(
                                $(this).val()
                            );

                            column
                                .search( val ? '^'+val+'$' : '', true, false )
                                .draw();
                        } );

                    column.data().unique().sort().each( function ( d, j ) {
                        select.append( '<option value="'+d+'">'+d+'</option>' )
                    } );
                } );
            }
        } );
    } );


});




  // funcao para fazer leitura de  fornecedores

  function  lergeralIngormacaoSaldo($dadosForm){
	  $.ajax({
            url:urlcreate,
            type: 'GET',
            data:$dadosForm,
            success: function (data, textStatus, jqXHR) {


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



  // funcao que guarda produto

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

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




  </script>




  @endpush



       @endsection