@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>Relatórios  </b></span></a></li>
<li class="breadcrumb-item active"><a><span><b>Vendas </b></span></a></li>

</ol>


<div class="container container-fluid">


<div class="card  ">

   <div class="card-body">


 <div class="summary-box p-3" style="border: 2px solid #007bff; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 8px;">
                    <h6 class="font-weight-bold mb-3"><i class="fas fa-chart-bar"></i> 📊 RESUMO GERAL  DAS VENDAS</h6>
                    <div class="row g-">
                        <div class="col-md-3 col-6">
                            <div class="p-2 bg-white rounded shadow-sm text-center">
                                <small class="text-muted d-block">Total Farmacos </small>
                                <strong class="fs-5 QuantidadeItem"></strong>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="p-2 bg-white rounded shadow-sm text-center">
                                <small class="text-muted d-block">Custo de Compra</small>
                                <strong class="fs-5 valorCompra" ></strong>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="p-2 bg-white rounded shadow-sm text-center">
                                <small class="text-muted d-block">Custo Venda</small>
                                <strong class="fs-5 text-danger valorVenda">MZN</strong>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="p-2 bg-white rounded shadow-sm text-center">
                                <small class="text-muted d-block">Iva Esperado</small>
                                <strong class="fs-5 text-primary ivaEsperado"> MZN</strong>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="p-2 bg-white rounded shadow-sm text-center">
                                <small class="text-muted d-block">Lucro Esperado</small>
                                <strong class="fs-5 TotalLucro {{   0 ? 'text-success' : 'text-danger' }}">
                                     MZN
                                </strong>
                            </div>
                        </div>

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

 <div class="card">

    <div class="card-body">
        <div class="row">
            <div class="col-md-4">

                <label>Farmacia </label>
        <select  value=""  type="text"  class="form-control  farmacia">
<optgroup>
  @foreach ($produtosvenda as  $item)
         <option>{{ $item->Descricao }}</option>
  @endforeach

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

            <div class="col-md-4">
                   <label> </label>
<button class="btn btn-primary col-md-12" id="btnImprimir">
    <i class="fa fa-print" aria-hidden="true"></i>

</button>

            </div>

            <div class="col-md-4">
                   <label> </label>
<button class="btn btn-secondary col-md-12" id="btnExcel">
 📊
</button>

            </div>
        </div>

    </div>
 </div>


<table class="table" id="tabelaProdutos">

       <thead>
                <tr>
                    <th>
                        Nr
                    </th>
                    <th>
                        Armazem
                    </th>
                    <th>N.Generico</th>
                    <th>N.Comercial</th>
                    <th>Concetracao</th>
                    <th>Categoria</th>
                    <th>Iva</th>
                    <th>Qntd</th>
                    <th>pr.Compra/Unidade</th>
                    <th>pr.conpra/farmaco</th>
                    <th>pr.Venda/Unidade</th>
                    <th>pr.Venda/Farmaco</th>
                    <th>lucro</th>
                </tr>
</thead>



    <tbody>
        @php
            $i=0;
        @endphp
@foreach ($produtosvenda as $item )

@foreach ($item->produtosvendidos as $key=>$item2 )

@php
$i=$i+1;

$venda=($item2->qunatidade )*$item2->loja->produto_compra->preco_venda;
$compra=($item2->qunatidade )*$item2->loja->produto_compra->preco_compra ;
@endphp
        <tr>
            <td>{{ $i}}</td>
            <td>{{ $item->Descricao }}</td>

 <td>{{ $item2->loja->produto_compra->produtos->nome_generico }}</td>
  <td>{{ $item2->loja->produto_compra->produtos->nome }}</td>



              <td>{{ $item2->loja->produto_compra->produtos->Concentracao }}</td>

              <td>{{ $item2->loja->produto_compra->produtos->categoria->Descricao }}</td>
                <td>{{ $item2->loja->produto_compra->iva }}</td>
               <td>{{ $item2->qunatidade }}</td>
               <td>{{ $item2->loja->produto_compra->preco_compra }}</td>
               <td>{{$compra}}</td>
               <td>{{$item2->loja->produto_compra->preco_venda }}</td>
               <td>{{$venda }}</td>
               <td>
                {{$venda-$compra }}</td>

        </tr>
        @endforeach
        @endforeach
    </tbody>

<tfoot>

                     <tr>
                    <th>
                        Nr
                    </th>
                    <th>
                        Armazem
                    </th>
                    <th>N.Generico</th>
                    <th>N.Comercial</th>
                    <th>Concetracao</th>
                    <th>Categoria</th>
                    <th>Iva</th>
                    <th>Qntd</th>
                    <th>pr.Compra/Unidade</th>
                    <th>pr.conpra/farmaco</th>
                    <th>pr.Venda/Unidade</th>
                    <th>pr.Venda/Farmaco</th>
                    <th>lucro</th>
                </tr>
</tfoot>
</table>

<footer class="col">
            <br>

            <a class="btn btn-primary"<i class="fa fa-print"> Imprimir</i></a>
            <br>
        </footer>

</div>
</section>

    @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

    <!-- DataTables CSS -->
    <link rel="stylesheet" href="{{ asset('Datatable/css/responsive.bootstrap4.min.css') }}">

    @push('scripts')
        <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 src="{{ asset('Datatable/js/dataTables.responsive.min.js') }}"></script>
        <script src="{{ asset('MyJs/registarcliente.js') }}"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>

        <script>

 // ============================================================
            // DATATABLES
            // ============================================================
           const table = $('#tabelaProdutos').DataTable({
                dom: 'Bfrtip',
                buttons: [
                    { extend: 'copy', text: '<i class="fa fa-copy"></i> Copiar', className: 'btn btn-primary' },
                    { extend: 'excel', text: '<i class="fa fa-file-xls"></i> excel', className: 'btn btn-info' },
                    { extend: 'pdf', text: '<i class="fa fa-file-pdf"></i> pdf', className: 'btn btn-danger' },
                    { extend: 'print', text: '<i class="fa fa-print"></i> Imprimir', className: 'btn btn-success' }
                ],
                responsive: true,
                columnDefs: [
                    { responsivePriority: 1, targets: 0 },
                    { responsivePriority: 2, targets: 2 },
                    { responsivePriority: 3, targets: 3},
                    { responsivePriority: 4, targets: 6 },
                    { responsivePriority:5 , targets: 4 },
                    { responsivePriority: 6, targets: 11 },
                    { responsivePriority: 7, targets: 10 },
                    { responsivePriority: 8, targets: 9 },
                    { responsivePriority: 9, targets: 8 },
                    { responsivePriority: 10, targets:7  },
                    { responsivePriority: 11, targets: 6 },
                    { responsivePriority: 12, targets: 1 },


                ],
                "paging": true,
                "lengthChange": true,
                "searching": true,
                "ordering": true,
                "info": true,
                "autoWidth": true,
                "lengthMenu": [[4, 10, 25, 50, 100, -1], [4, 10, 25, 50, 100, "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([2,3,7,12]).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>');
                        });
                    });
                },

                dom:
            '<"row"<"col-sm-12 col-md-6"l><"col-sm-12 col-md-6"f>>' +
            '<"row"<"col-sm-12"tr>>' +
            '<"row"<"col-sm-12 col-md-5"i><"col-sm-12 col-md-7"p>>',

        drawCallback: function () {



            let api = this.api();


            let TotalItem = 0;
            let TotalCompra = 0;
            let TotalVenda = 0;
            let TotalIva = 0;
            let TotalLucro = 0;
            let prestesprimeiro= 0;
            let prestessegundo= 0;
            let prestess3= 0;
            let fora= 0;

            api.rows({ search: 'applied' }).every(function () {

                const rowNode = this.node();


 const Qntd =$(rowNode).find('td:eq(0)').attr('dados');
 $dados=api.row($(rowNode).closest("tr"));
  var rowData = $dados.data();
//  console.log(rowData);

 const qtd=parseInt(rowData[7]);
 const precoCT=parseFloat(rowData[9]);
 const precovenda=parseFloat(rowData[11]);
 const prestes1=(rowData[13]);
 const iva=parseFloat(rowData[6]);
 const lucro=parseFloat(rowData[12]);
   const ivacalculado=(iva/100)*precovenda;
   const ivaporfarmaco=ivacalculado;

   if(prestes1==='expira em 60 Dias'){prestesprimeiro=prestesprimeiro+1;}
   else if(prestes1==='expira em 30 Dias'){prestessegundo=prestessegundo+1;}
   else if(prestes1==='expira em 1 a 5 Dias'){prestess3=prestess3+1;}
   else if(prestes1=='Vencido'){fora=fora+1;}



TotalItem +=qtd;
TotalCompra +=precoCT;
TotalVenda +=precovenda;
TotalIva +=ivaporfarmaco;
TotalLucro +=lucro;


            });

 $('.QuantidadeItem').html( `<strong>${(TotalItem)}</strong>`);
 $('.valorCompra').html( `<strong>${(TotalCompra)}</strong>`);
 $('.valorVenda').html( `<strong>${(TotalVenda)}</strong>`);
 $('.ivaEsperado').html( `<strong>${(TotalIva)}</strong>`);
 $('.TotalLucro').html( `<strong>${(TotalLucro)}</strong>`);
 if(parseInt(prestesprimeiro)>0){
 $('.prest1').html( ` <strong> ${(prestesprimeiro)}: em 60 Dias</strong>`).show();;
 }
if(parseInt(prestessegundo)>0){
 $('.prest2').html( ` <strong> ${(prestessegundo)}: em 30 Dias</strong>`).show();
}
if(parseInt(prestess3)>0){

 $('.prest3').html( ` <strong> ${(prestess3)}: de 1 a 15 Dias</strong>`).show();
}
if(parseInt(fora)>0){
 $('.prest4').html( ` <strong> ${(fora)}:vencido</strong>`).show();
}



        }
            });



            $(document).on("change", ".farmacia",function(e){


            var loja=$(this).val();

table.column(1).search(loja).draw();


            })

            $(document).ready(function(e){


            var loja=$(".farmacia").val();

table.column(1).search(loja).draw();


            })




        $('#btnImprimir').on('click', function () {

    // ==========================================================
    // PEGAR APENAS OS DADOS FILTRADOS DO DATATABLE
    // ==========================================================

    const dados = table.rows({
        search: 'applied'
    }).data().toArray();

    if (dados.length === 0) {
        alert('Não existem dados para imprimir.');
        return;
    }


    // ==========================================================
    // DADOS DO RESUMO
    // ==========================================================

    const quantidade = $('.QuantidadeItem').text().trim();
    const valorCompra = $('.valorCompra').text().trim();
    const valorVenda = $('.valorVenda').text().trim();
    const ivaEsperado = $('.ivaEsperado').text().trim();
    const lucro = $('.TotalLucro').text().trim();


    // ==========================================================
    // ARMAZÉM/FARMÁCIA SELECIONADO
    // ==========================================================

    let farmacia = $('.farmacia option:selected').text().trim();

    if (!farmacia) {
        farmacia = 'Todos os armazéns';
    }


    // ==========================================================
    // DATA
    // ==========================================================

    const agora = new Date();

    const data = agora.toLocaleDateString('pt-PT');

    const hora = agora.toLocaleTimeString('pt-PT', {
        hour: '2-digit',
        minute: '2-digit'
    });


    // ==========================================================
    // CRIAR JANELA DE IMPRESSÃO
    // ==========================================================

    const janela = window.open(
        '',
        '_blank',
        'width=1600,height=900'
    );


    // ==========================================================
    // CABEÇALHO
    // ==========================================================

    let html = `

<!DOCTYPE html>

<html lang="pt">

<head>

<meta charset="UTF-8">

<title>Relatório de Vendas</title>


<style>

/* ==========================================================
   CONFIGURAÇÃO DA PÁGINA
   ========================================================== */

@page {

    size: A4 landscape;

    margin: 8mm;

}


/* ==========================================================
   CONFIGURAÇÃO GERAL
   ========================================================== */

* {

    box-sizing: border-box;

}


body {

    font-family: Arial, Helvetica, sans-serif;

    margin: 0;

    padding: 0;

    color: #000;

    font-size: 9px;

}


/* ==========================================================
   CABEÇALHO
   ========================================================== */

.cabecalho {

    width: 100%;

    text-align: center;

    margin-bottom: 8px;

}


.cabecalho h1 {

    font-size: 18px;

    margin: 0;

    font-weight: bold;

}


.cabecalho h2 {

    font-size: 13px;

    margin: 3px 0;

}


.cabecalho .info {

    font-size: 9px;

    margin-top: 5px;

}


/* ==========================================================
   RESUMO
   ========================================================== */

.summary-box {

    width: 100%;

    border: 1px solid #000;

    padding: 7px;

    margin-bottom: 10px;

}


.summary-title {

    text-align: center;

    font-size: 12px;

    font-weight: bold;

    margin-bottom: 7px;

}


.resumo {

    display: flex;

    width: 100%;

    gap: 5px;

}


.box {

    flex: 1;

    border: 1px solid #999;

    padding: 6px;

    text-align: center;

}


.box span {

    display: block;

    font-size: 8px;

    margin-bottom: 3px;

}


.box strong {

    display: block;

    font-size: 11px;

}


/* ==========================================================
   TABELA
   ========================================================== */

table {

    width: 100%;

    border-collapse: collapse;

    table-layout: auto;

}


thead {

    display: table-header-group;

}


tfoot {

    display: table-footer-group;

}


th {

    background: #e9ecef;

    border: 1px solid #000;

    padding: 4px;

    font-size: 8px;

    font-weight: bold;

    text-align: center;

    white-space: nowrap;

}


td {

    border: 1px solid #000;

    padding: 3px 4px;

    font-size: 8px;

    text-align: center;

    white-space: nowrap;

}


/* Evitar quebrar uma linha entre páginas */

tr {

    page-break-inside: avoid;

}


/* ==========================================================
   RODAPÉ
   ========================================================== */

.rodape {

    margin-top: 10px;

    border-top: 1px solid #000;

    padding-top: 5px;

    font-size: 8px;

    display: flex;

    justify-content: space-between;

}


@media print {

    body {

        width: 100%;

    }

    .no-print {

        display: none !important;

    }

}

</style>

</head>


<body>


<!-- ==========================================================
     CABEÇALHO
     ========================================================== -->

<div class="cabecalho">

    <h1>RELATÓRIO DE VENDAS</h1>

    <h2>${farmacia}</h2>

    <div class="info">

        Data: ${data}
        &nbsp;&nbsp;&nbsp;
        Hora: ${hora}

    </div>

</div>


<!-- ==========================================================
     RESUMO
     ========================================================== -->

<div class="summary-box">

    <div class="summary-title">

        RESUMO GERAL DOS ARMAZÉNS

    </div>


    <div class="resumo">


        <div class="box">

            <span>Total Fármacos</span>

            <strong>
                ${quantidade}
            </strong>

        </div>


        <div class="box">

            <span>Custo de Compra</span>

            <strong>
                ${valorCompra} MZN
            </strong>

        </div>


        <div class="box">

            <span>Custo de Venda</span>

            <strong>
                ${valorVenda} MZN
            </strong>

        </div>


        <div class="box">

            <span>IVA Esperado</span>

            <strong>
                ${ivaEsperado} MZN
            </strong>

        </div>


        <div class="box">

            <span>Lucro Esperado</span>

            <strong>
                ${lucro} MZN
            </strong>

        </div>


    </div>

</div>


<!-- ==========================================================
     TABELA
     ========================================================== -->

<table>

<thead>

<tr>

<th>Nr</th>

<th>Armazém</th>

<th>N. Genérico</th>

<th>N. Comercial</th>

<th>Concentração</th>

<th>Categoria</th>

<th>IVA</th>

<th>Qntd</th>

<th>Pr. Compra/Un.</th>

<th>Pr. Compra/Fármaco</th>

<th>Pr. Venda/Un.</th>

<th>Pr. Venda/Fármaco</th>

<th>Lucro</th>

</tr>

</thead>


<tbody>
`;


    // ==========================================================
    // ADICIONAR AS LINHAS FILTRADAS
    // ==========================================================

    dados.forEach(function (row) {

        html += `

<tr>

<td>${row[0] ?? ''}</td>

<td>${row[1] ?? ''}</td>

<td>${row[2] ?? ''}</td>

<td>${row[3] ?? ''}</td>

<td>${row[4] ?? ''}</td>

<td>${row[5] ?? ''}</td>

<td>${row[6] ?? ''}</td>

<td>${row[7] ?? ''}</td>

<td>${row[8] ?? ''}</td>

<td>${row[9] ?? ''}</td>

<td>${row[10] ?? ''}</td>

<td>${row[11] ?? ''}</td>

<td>${row[12] ?? ''}</td>

</tr>

`;

    });


    // ==========================================================
    // FINALIZAR HTML
    // ==========================================================

    html += `

</tbody>

</table>


<!-- ==========================================================
     RODAPÉ
     ========================================================== -->

<div class="rodape">

    <span>
        Total de registros: ${dados.length}
    </span>

    <span>
        Relatório gerado pelo sistema
    </span>

</div>


<script>

window.onload = function () {

    setTimeout(function () {

        window.print();

    }, 500);

};


window.onafterprint = function () {

    window.close();

};

<\/script>


</body>

</html>

`;


    // ==========================================================
    // ESCREVER NA JANELA
    // ==========================================================

    janela.document.open();

    janela.document.write(html);

    janela.document.close();

});





$('#btnExcel').on('click', function () {

    let dados = table.rows({
        search: 'applied'
    }).data().toArray();

    if (dados.length === 0) {
        alert('Não existem dados filtrados para exportar.');
        return;
    }

    // ==========================================================
    // PEGAR TAMBÉM OS DADOS DO RESUMO
    // ==========================================================
    const quantidade = $('.QuantidadeItem').text().trim();
    const valorCompra = $('.valorCompra').text().trim();
    const valorVenda = $('.valorVenda').text().trim();
    const ivaEsperado = $('.ivaEsperado').text().trim();
    const lucro = $('.TotalLucro').text().trim();

    let farmacia = $('.farmacia option:selected').text().trim();
    if (!farmacia) {
        farmacia = 'Todos os armazéns';
    }

    // ==========================================================
    // USAR XLSX BIBLIOTECA (MAIS CONFIÁVEL)
    // ==========================================================
    if (typeof XLSX !== 'undefined') {

        // Criar dados para o Excel
        const cabecalho = [
            'Nr', 'Armazém', 'N. Genérico', 'N. Comercial',
            'Concentração', 'Categoria', 'IVA', 'Qntd',
            'Pr. Compra/Un.', 'Pr. Compra/Fármaco',
            'Pr. Venda/Un.', 'Pr. Venda/Fármaco', 'Lucro'
        ];

        // Converter para array de arrays
        const dadosExcel = dados.map(row => {
            return row.slice(0, 13);
        });

        // CORREÇÃO AQUI: usar um array separado para os dados do Excel
        const dadosCompletos = [
            ['RELATÓRIO DE VENDAS'],
            [`Armazém: ${farmacia}`],
            [`Data: ${new Date().toLocaleDateString('pt-PT')}`],
            [],
            ['RESUMO GERAL'],
            ['Total Fármacos', 'Custo Compra', 'Custo Venda', 'IVA Esperado', 'Lucro Esperado'],
            [quantidade, valorCompra, valorVenda, ivaEsperado, lucro],
            [],
            ['DETALHES DAS VENDAS'],
            cabecalho,
            ...dadosExcel
        ];

        // Criar workbook - CORREÇÃO: usar dadosCompletos em vez de resumoExcel
        const ws = XLSX.utils.aoa_to_sheet(dadosCompletos);

        // Ajustar largura das colunas
        const colWidths = [
            { wch: 10 }, { wch: 20 }, { wch: 20 }, { wch: 20 },
            { wch: 15 }, { wch: 15 }, { wch: 10 }, { wch: 10 },
            { wch: 18 }, { wch: 20 }, { wch: 18 }, { wch: 20 }, { wch: 15 }
        ];
        ws['!cols'] = colWidths;

        const wb = XLSX.utils.book_new();
        XLSX.utils.book_append_sheet(wb, ws, 'Vendas');

        XLSX.writeFile(wb, 'Relatorio_Vendas.xlsx');

        return;
    }

    // ==========================================================
    // FALLBACK: HTML PARA XLS (SEM ERROS DE XML)
    // ==========================================================

    let html = `
    <html>
    <head>
        <meta charset="UTF-8">
        <style>
            table { border-collapse: collapse; font-family: Arial, sans-serif; font-size: 12px; }
            th, td { border: 1px solid #000; padding: 6px 8px; text-align: center; }
            th { background: #e9ecef; font-weight: bold; }
            .titulo { font-size: 16px; font-weight: bold; text-align: center; }
            .resumo-box { border: 1px solid #000; padding: 8px; margin-bottom: 15px; }
        </style>
    </head>
    <body>`;

    // Título
    html += `<h2 class="titulo">RELATÓRIO DE VENDAS</h2>`;
    html += `<p><strong>Armazém:</strong> ${farmacia}</p>`;
    html += `<p><strong>Data:</strong> ${new Date().toLocaleDateString('pt-PT')}</p>`;

    // Resumo
    html += `
    <div class="resumo-box">
        <p><strong>RESUMO GERAL</strong></p>
        <table>
            <tr>
                <td><strong>Total Fármacos</strong></td>
                <td><strong>Custo Compra</strong></td>
                <td><strong>Custo Venda</strong></td>
                <td><strong>IVA Esperado</strong></td>
                <td><strong>Lucro Esperado</strong></td>
            </tr>
            <tr>
                <td>${quantidade}</td>
                <td>${valorCompra} MZN</td>
                <td>${valorVenda} MZN</td>
                <td>${ivaEsperado} MZN</td>
                <td>${lucro} MZN</td>
            </tr>
        </table>
    </div>
    <br>
    <p><strong>DETALHES DAS VENDAS</strong></p>
    <table>
        <thead>
            <tr>
                <th>Nr</th>
                <th>Armazém</th>
                <th>N. Genérico</th>
                <th>N. Comercial</th>
                <th>Concentração</th>
                <th>Categoria</th>
                <th>IVA</th>
                <th>Qntd</th>
                <th>Pr. Compra/Un.</th>
                <th>Pr. Compra/Fármaco</th>
                <th>Pr. Venda/Un.</th>
                <th>Pr. Venda/Fármaco</th>
                <th>Lucro</th>
            </tr>
        </thead>
        <tbody>`;

    dados.forEach(row => {
        html += '<tr>';
        for (let i = 0; i < 13; i++) {
            html += `<td>${row[i] ?? ''}</td>`;
        }
        html += '</tr>';
    });

    html += `
        </tbody>
    </table>
    <br>
    <p><em>Total de registros: ${dados.length}</em></p>
    </body>
    </html>`;

    // Criar Blob e baixar como .xls
    const blob = new Blob([html], {
        type: 'application/vnd.ms-excel;charset=utf-8'
    });

    const link = document.createElement('a');
    link.href = URL.createObjectURL(blob);
    link.download = 'Relatorio_Vendas.xls';
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);

    setTimeout(() => {
        URL.revokeObjectURL(link.href);
    }, 100);
});

        </script>

            @endpush



            <style>

                .dataTables_filter {
    display: none;
}
                </style>

@endsection