@extends('layouts.app')
@section('title','-Vendas Efetuadas')
@section('content')

<section class="content">


<div>
    <strong>

 @if($Cliente->id!=1)
<center>Cotação para Clinte:{{$Cliente->nome}}</center>
<center>Nuit:{{$Cliente->Nuit}}</center>
<center>Contacto :{{$Cliente->contacto}}</center>
    </strong>
@endif
<div class="float-left:50px;">
<table class="table table-light" >


<thead>
<tr>
<th >Nome Comercial</th>
<th>Nome Generico</th>
<th>Formulação </th>
<th>Quantidade </th>
<th>Custo  </th>
</tr>
</thead>

    <tbody >

@foreach($loja as $key => $lojavalue)
 <tr>

 <td>{{$lojavalue["Nome_Comercial"]}}</td>
 <td>{{$lojavalue["nome_generico"]}}</td>
 <td>{{$lojavalue["Formulacao"]}}</td>
 <td>{{$lojavalue["Quantidade"]}}</td>
 <td>{{$lojavalue["preco_Compra"]}}<b>MZN</b></td>

 </tr>
@endforeach


 </tbody>
 <tfoot>
 <tr>

 <th>Total</th>
 <th></th>
 <th></th>
 <th></th>
 <th>{{$precoTotal}}MZN</th>
 </tr>
 </tfoot>
</table>
</div>
<center>
<i>Esta Cotação  tem validade de 30 dias  de </i>
{{carbon\carbon::now()->day }}
de
{{carbon\carbon::now()->monthName }}
de
{{carbon\carbon::now()->year }}
á
{{carbon\carbon::now()->addDay(30)->day }}
de
{{carbon\carbon::now()->addDay(30)->monthName }}
de
{{carbon\carbon::now()->addDay(30)->year }}
</center>

</div>

<center>
Funcionário <br>
_____________________________<br>
<b>({{auth()->user()->name}})</b>
</center>


{{--  modal  --}}




</section>









@push("scripts")


<script src="{{asset('Registo/js/script.min.js')}}" ></script>

<script src="{{ asset('Datatable/js/jquery-3.5.1.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() {
  var urlindex ='{{Route('cliente.index')}}';
  var urlstore ='{{Route('cliente.store')}}';
  var token ='{{Session::token()}}';


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

         printDiv(parseInt($(this).attr("id")));
    });

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

            buttons: [
                {
                    extend: 'print',
                    exportOptions: {
                        columns: ':visible'
                    }
                },
                'colvis',  'copy', 'csv', 'excel', 'pdf'
            ],
            columnDefs: [ {
                targets: [2,7,8],
                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,8]).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>' )
                    } );
                } );
            }
        } );
    } );

    </script>
    <script>
function printDiv(dados) {


	  //var urldadoPrint ='{{Route('Venda.show','+dados+')}}';

			  $.ajax({
               url:'/estoque/Venda/'+dados+'/show',
               type: 'GET',

               success: function(response){


		var a = window.open('', '', 'height=500, width=500');
			a.document.write(''+response+'');
			a.document.close();
			a.print();

               }
           });


		}



</script>

<script src="{{ asset('MyJs/registoDeFornecedor.js')}}"></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