@extends('layouts.publicador.default')
@section('content')
    <div style="display:none;">
        {{-- @php
    dd($list);
    @endphp --}}
        <input type="button" id="btnExport" value=" Export Table data into Excel " />
        <br />
        <br />
        <div id="dvData">
            <table class="table table-processos table-sm table-bordered" border="1" id="tabelamagica" >
                <thead class="thead-default">
                    <tr class="tr-processos">
                        <th>Unidade</th>
                        <th>Usuario responsavel</th>
                        <th>Processo</th>
                        <th>Data abertura</th>
                        <th>Unidade geradora</th>
                        <th>Procedimento</th>
                        <th>Descrição</th>
                        <th>Unidade atual</th>
                        <th>Objeto</th>
                        <th>Modalidade</th>
                        <th>Vencimento Contrato</th>
                        <th>Valor Máximo</th>
                        <th>Valor Final Contratação</th>
                        <th>Data Entrada</th>
                        <th>Data Saida</th>
                        <th>Planejamento</th>
                        <th>Tramite</th>
                        <th>Comentarios</th>
                    </tr>
                </thead>
                @foreach ($list as $lista)
                    <tr class="tr-processos">
                        <td nowrap>
                            <p>{{ $lista['sigla'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['user_resp'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['protocolo'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['data_geracao'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['unidade_geradora'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['procedimento'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['unidade_origem'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['objeto'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['modalidade'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['vencimento'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['valor_max'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['valor_contrato'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['data_entrada'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['data_saida'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['planejamento'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['tramite'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['comentarios'] }}</p>
                        </td>
                    </tr>
                @endforeach

            </table>
        </div>
        <script lang="javascript" src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js"></script>
        <script>
            $(document).ready(function() {
                var table = document.getElementById('tabelamagica');
                var ws = XLSX.utils.table_to_sheet(table);

                // Estilizar as células
                var cellStyle = {
                    fill: {
                        fgColor: {
                            rgb: "FFFFFF"
                        }
                    }, // Cor de preenchimento (preto)
                    font: {
                        sz: 12,
                        bold: false,
                        color: {
                            rgb: "FFFFFF"
                        }
                    }, // Tamanho da fonte, negrito e cor da fonte (branco)
                    alignment: {
                        horizontal: "left" // Alinhamento à esquerda
                    }
                };

                // Definir largura mínima para as células
                var columnWidth = [{
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }, {
                        wpx: 245
                    }

                ];

                // Remover tags HTML das células e alinhar à esquerda
                var range = XLSX.utils.decode_range(ws['!ref']);
                for (var R = range.s.r; R <= range.e.r; ++R) {
                    for (var C = range.s.c; C <= range.e.c; ++C) {
                        var cellRef = XLSX.utils.encode_cell({
                            r: R,
                            c: C
                        });
                        if (!ws[cellRef]) continue;
                        var cellValue = ws[cellRef].v;
                        if (typeof cellValue === 'string') {
                            var strippedValue = cellValue.replace(/(<([^>]+)>)/gi, "");
                            ws[cellRef].v = strippedValue;
                            ws[cellRef].s = cellStyle; // Alinhar à esquerda
                        }
                    }
                }

                // Definir a largura mínima para as colunas
                ws['!cols'] = columnWidth;

                // Criar uma nova planilha
                var wb = XLSX.utils.book_new();
                XLSX.utils.book_append_sheet(wb, ws, "Sheet 1");

                // Converter o livro para formato binário
                var wbout = XLSX.write(wb, {
                    bookType: 'xlsx',
                    bookSST: true,
                    type: 'binary'
                });

                // Função para converter texto em um ArrayBuffer
                function s2ab(s) {
                    var buf = new ArrayBuffer(s.length);
                    var view = new Uint8Array(buf);
                    for (var i = 0; i < s.length; i++) view[i] = s.charCodeAt(i) & 0xFF;
                    return buf;
                }

                // Baixar o arquivo Excel
                saveAs(new Blob([s2ab(wbout)], {
                    type: "application/octet-stream"
                }), 'Tabela.xlsx');
            });
        </script>
        <script defer>
        $(document).ready(function() {
            setTimeout(history.back(), 3000);
        });
    </script>

    </div>
 @endsection