@extends('estilos.main')

@section('content')
<!--div class="row">
  <div class="col-lg-11 col-md-11 col-sm-11 col-xs-12">
    <button type="button" class="btn btn-success no-print" onclick="window.print();">
            <i class="ace-icon fa fa-print bigger-125"></i>
            Relatorio de Vendas semanais
    </button>
    <br>  <br>
      <h3><a href=""> <button class="btn bg-green no-print">Relatorio de Venda diaria</button></a></h3>

    @include('relatorios.searchsm')
  </div>
</div-->

<script src="{{asset('js/excel.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js" integrity="sha512-GsLlZN/3F2ErC5ifS5QtgpiJtWd43JWSuIgh7mbzZ8zBps+dvLusV+eNQATqgA/HdeKFVgA5v3S/cIrLF7QnIg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-11 col-xs-12">
        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 centro">
          <h3><a href=""> <button class="btn w3-sdoca1">Relatório de Vendas </button></a></h3>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 centro">
          <h4 class="btn btn w3-sdoca1 centro" id="exportButton">
          <i class="fa fa-file-excel-o" style="font-size:25px;color:green"></i>
          </h4>
          &nbsp &nbsp &nbsp
          <h4 class="btn btn w3-sdoca1 centro" onclick="exportPDF()">
          <i class="fa fa-file-pdf-o" style="font-size:25px;color:red"></i>
          </h4>
        </div>
        <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12 centro w3-sdoca1">
          <h4 class="">
          @include('relatorios.searchsm')
          </h4>
        </div>
    </div>
    </div>
<br>

<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="tabela">
<h2> Relatório semanal</h2>
  <div class="table-responsive">
      <table class="table table-bordered table-striped table-condensed table-hover ">
          <thead>
            <tr>
              <th>Operador</th>
              <th>Cliente</th>
              <th>Artigo</th>
              <th>Forma</th>
              <th>Peso</th>
              <th>Qnt</th>
              <th>P-Unt</th>
              <th>Desconto</th>
              <th>Data da venda</th>
              <th>Sub-Total</th>
            </tr>

          </thead>
          <tbody>
          @foreach ($vendas as $v)
          <tr>
          <td> {{$v->name}}</td>
          <td> {{$v->nome}}</td>
          <td> {{$v->nome_artigo}}</td>
          <td> {{$v->forma_farm}}</td>
          <td> {{$v->dosagem}}</td>
          <td> {{$v->qntidad}}</td>
          <td> {{$v->p_venda}}</td>
          <td> {{$v->desconto}}</td>
          <td> {{$v->created_at}}</td>
          <td> {{$v->qntidad*$v->p_venda-$v->desconto}}.Kz</td>
          </tr>
        
          @endforeach
        </tbody>
        <tfoot>
          <th>Total</th>
          <th></th>
          <th></th>
          <th></th>
          <th></th>
          <th></th>
          <th></th>
          <th></th>
          <th></th>
          <th>{{$tts}}.Kz</th>
        </tfoot>
      </table>
  </div>

</div>
</div>

<script type="text/javascript">
$(document).ready(function() {

        $("#exportButton").click(function(e) {
            e.preventDefault();
            var Tabela = document.getElementById('tabela');
            var Dados = new Blob(['\ufeff' + Tabela.outerHTML], {type:'application/vnd.ms-excel'});
            var url = window.URL.createObjectURL(Dados);
            var a = document.createElement('a');
            a.href = url;
            a.download = 'Dados';
            a.click();
        });
    });
    function exportPDF() {
          // Selecione a tabela HTML usando seu ID
          var tabela = document.getElementById('tabela');

          // Configurações opcionais para a geração do PDF
          var options = {
              margin: 10,
              filename: 'relatorio.pdf',
              image: {
                  type: 'jpeg',
                  quality: 0.98
              },
              html2canvas: {
                  scale: 2
              },
              jsPDF: {
                  unit: 'mm',
                  format: 'a4',
                  orientation: 'landscape'
              }
          };

          // Use html2pdf para gerar o PDF
          html2pdf(tabela, options);
      }
</script>
@endsection