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

<section class="content">

<ol class="breadcrumb">
<li class="breadcrumb-item">
<a><span> {{session()->get('infosession')[0]->TIpoSistema }}</span></a>
</li>
<li class="breadcrumb-item ">
<a><span>
<b>Estoque</b>
</span></a>
</li><li class="breadcrumb-item active">
<a><span>
<b> <a href="#"><span">
          Addicionar a Fármacia</span></a></b>
</span></a>
</li>
</ol>




<div class="row ">

<div class="card col-md-8 container-fluid no-shadow no-border">
    <div class="card-body"
    >
     @can('Adicionar-Farmacia')


       <a href="{{ route('produto.create') }}"><span class="badge badge-pill badge-primary">
           Adicionar Compra</span></a>
           @endcan
           @can('Visualizar-Farmacos')


           <a href="{{ route('produto.index') }}"><span class="badge badge-pill badge-primary">
           visualuzar Fármacos   </span></a>
            @endcan
            @can('Adicionar-Farmacia')



           <a href="{{ route('loja.create') }}"><span class="badge badge-pill badge-primary">
          Add Farmácia </span></a>
             @endcan

           <div class="profile-block col-4 "  >
               <hr>

            </div>

            <table id="example" class="display no-shadow table-responsive" style="width:100%">
                <thead>
                    <tr>
                        <th>Nr </th>
                        <th>nome</th>
                        <th>Concetra&ccedil;&atilde;o</th>

                        <th>Formula&ccedil;&atilde;o</th>
                        <th>Categoria</th>
                         <th>Quantidade</th>
                        <th>pre.Venda</th>
                        <th> Valida<span style="color:#fff;">_________</span></th>
                        <th>Ac&ccedil;&atilde;o </th>
                        <th  style="display:none">input form</th>



                    </tr>
                </thead>
                <tbody>

        @foreach ($produto->where('Quantidade','>',0) as $key=> $produtoitem)

        <tr @if(carbon\Carbon::create($produtoitem->data_validade)<=carbon\Carbon::now())
		 style="background-color:rgba(2555,130,130,0.4)"

		@endif;>

            <td> <input class="{{$key}}id" value="{{$produtoitem->id}}"  type="hidden"> {{ $key+1 }}</td>
            <td class="{{$key}}nome">{{ $produtoitem->nome }}

			</td>
            <td>{{ $produtoitem->Concentracao }}</td>

            <td>{{ $produtoitem->Formulacao }}</td>
            <td>{{ $produtoitem->categoria->Descricao }} </td>


            <td  class="{{$key}}QtdTDTxt"> {{ $produtoitem->Quantidade }}
            <td>{{ $produtoitem->preco_venda }},00 MT</td>
            <td>{{ $produtoitem->data_validade }} </td>
            <td>

                <div class="dropdown open">
                    <a class=" dropdown badge-primary badge addicionarloja"
                       href="#" id="triggerId" data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false">
                <i class="fa fa-plus-circle"> Fármacia </i>
                </a>
                    <div class="dropdown-menu" aria-labelledby="triggerId">
<h5 class=></h5>

                          <div class="input-group">
                              <input class="form-control {{$key}}inputQtd" posicao="{{$key}}"
                                classdecontroller="{{$key}}inputQtd" type="number"  min="0"
                                max="{{$produtoitem->Quantidade}}" id="QuantidadeParaLoja"
                               placeholder="Quantidade" aria-label="Recipient's " aria-describedby="my-addon">
                              <div class="input-group-append">
                                  <button class="input-group-text btn btn-danger AddiQuantidade"
                                    type="button"  id="my-addon" posicao="{{$key}}">Add</button>
                              </div>
                          </div>

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

         <td style="display:none">   <input  class="{{$key}}Qtd"  value="{{$produtoitem->Quantidade }}"  type="text">

         </td>


        </tr >

        @endforeach

<tfoot>
<tr>
                        <th>Nr </th>
                        <th>nome</th>
                        <th>Concetra&ccedil;&atilde;o</th>

                        <th>Formula&ccedil;&atilde;o</th>
                        <th>Categoria</th>
                         <th>Quantidade</th>
                        <th>pr.enda</th>
                        <th> Valida<span style="color:#fff;">_________</span></th>
                        <th>Ac&ccedil;&atilde;o </th>
                        <th  style="display:none">input form</th>



                    </tr>
</tfoot>
            </table>



     </div>
</div>



{{--  elementos selecionados para para a farmacia   --}}

<div class="card col-md-3 no-shadow no-border">
    <div class="card-body">
      <h6 class="card-title"><b> Fármacos Selecionados</b> </h6>
        <hr>
        <div class="card-text profile-block">

<form method="POST" action="{{ Route('loja.store') }}">
@method('POST')
@csrf


<ul class="listaDosProdutos ">


</ul>
<div class="col">
<input type="submit"   class="btn btn-primary Btn-alocar-Aloja"  disabled="true" value="Alocar a Fármacia">
</div>

</form>
        </div>
    </div>
</div>
{{--  elementos seleciondos para venda   --}}



</div>



</section>








@push('script')
<script src="{{asset('Registo/js/script.min.js')}}" ></script>
<script src="{{asset('MyJs/datatableconfig.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>
    $(document).ready(function() {




//  selecionar produto para adicionar a lista



        $(".addicionarloja").click(function(){


        });

// fim


// adicioar  os a lista

$(".AddiQuantidade").click(function(){
    $(".Btn-alocar-Aloja").attr('disabled',false);
    $posicao=$(this).attr("posicao");


$quantidade=$("."+$posicao+"Qtd").val();
$nome=$("."+$posicao+"nome").text();
$id=$("."+$posicao+"id").val();
$QuantidadeRemovida=$("."+$posicao+"inputQtd").val();

 $sobra=$quantidade-$QuantidadeRemovida;
//alert(parseInt($QuantidadeRemovida));
 if(parseInt($QuantidadeRemovida)>0||$QuantidadeRemovida!=NAN){
 $("."+$posicao+ "QtdTDTxt").text($sobra);
 $("."+$posicao+ "Qtd").val($sobra);




    $(".listaDosProdutos").prepend(' <li  class="'+$id+'"><buttton class="badge badge-danger removerdaLista" '+
        ' posicao="'+$posicao+'"> <input class="form-control inputsend" type="hidden"  title="'+$id+'" name="produtoAguardarQuantidade[]" '+
        ' value="'+$QuantidadeRemovida+'" ><i class="fa fa-trash"></i></buttton> <span class="font-400">'+
        '<b>'+$nome+':</b>'+
        ' </span><span class="profile-right" >'+$QuantidadeRemovida+'</span><input name="idProduto[]"     type="hidden" value="'+$id+'" /> </li>');

        $("."+$posicao+"inputQtd").val("");
    }
// vericiar se existe elemento a ele adiocionado


});
//  fim adicionar a lista



//  validar a quantidade inserida
$("input").keyup(function(){
  $posicao=$(this).attr("posicao");
//alert($("."+$posicao+"inputQtd").val());
if((parseInt($("."+$posicao+"Qtd").val()))< (parseInt($("."+$posicao+"inputQtd").val()))){

    $("."+$posicao+"inputQtd").val($("."+$posicao+"Qtd").val());
}
else{
    $("."+$posicao+"inputQtd").val($("."+$posicao+"inputQtd").val());

}



});
//fim  de validacao



// remover o farmaco da lista

$('.listaDosProdutos').on('click','.removerdaLista', function(){
    $posicao=$(this).attr("posicao");


$dadoaAdicionar=parseInt($(this).children().val());
$QuatidadeImput =parseInt($("."+$posicao+ "Qtd").val());

//alert($("."+$posicao+ "inputQtd").val());
$retorno= $dadoaAdicionar+$QuatidadeImput;
    $("."+$posicao+ "QtdTDTxt").text($dadoaAdicionar+$QuatidadeImput );
    $("."+$posicao+ "Qtd").val($dadoaAdicionar+$QuatidadeImput)

  $(this).parent('li').remove();

  if($('.inputsend').length){
  }else {

    $(".Btn-alocar-Aloja").attr('disabled',true);
  }
});
//fim de  remover farmaco da lista

        count =0;
        $("*").change(function(){
          //conta total de linhas
         //   count= ( $('#example > * > tr').length)-2;
         $(".todaldosSelecionados").html('<li><span class="font-400"><b>Quantidade Total:</b> </span>'+
            '<span class="profile-right">00</span></li>'+
            '<li><span class="font-400"><b> Total:</b> </span>'+
                '<span class="profile-right">0,00 MT</span></li>');
         $Quantidade=0;
         $venda=0;
           var dados = [];
           var preco = [];
  $Precototal=0;
           $('#example tbody tr').each(function(){
               dados.push(this.cells[6].textContent.trim());
               preco.push(this.cells[7].textContent.trim());
           });


           for(x=0; x<dados.length; x++){

$Quantidade+=parseInt(dados[x]);
$venda+=parseInt(preco[x]);
$Precototal+=(parseInt(dados[x])*parseInt(preco[x]));
           }




          //  $(".profile-right").text("");
           // $(".profile-right").html('<p>'+ $Quantidade+'</p>');


   //selecionar farmaco para  a loja



   //fim   de selecionar elelmtos para lista






            $(".todaldosSelecionados").html('<li><span class="font-400"><b>Quantidade Total:</b> </span>'+
                '<span class="profile-right">'+$Quantidade+'</span></li>'+
                '<li><span class="font-400"><b> Total:</b> </span>'+
                    '<span class="profile-right">'+$Precototal+',00 MT</span></li>')

       });
        $('#example').DataTable( {
              dom: 'Bfrtip',

            buttons: [
                {
                    extend: 'print',
                    exportOptions: {
                        columns: ':visible'
                    }
                },
                'colvis',  'copy', 'csv', 'excel', 'pdf'
            ],
            columnDefs: [ {
                targets: [4,6,7],
                visible: false
            } ],
            "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([1,2,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>' )
                    } );
                } );
            }
        } );




        // escoder colunas

    } );
</script>
@endpush

@push('style')
            <link rel="stylesheet" href="{{ asset('perfilView/assets/bootstrap/css/bootstrap.min.css')}}">
            <link rel="stylesheet" href="{{ asset('perfilView/assets/fonts/ionicons.min.css')}}">
            <link rel="stylesheet" href="{{ asset('perfilView/assets/css/styles.min.css')}}">
            @endpush
@endsection