@extends('layouts.publicador.layout_novo')
@section('content')

    <div style="display:none;">
        <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>Protocolo</th>
                        <th>Data geração</th>
                        <th>Unidade geração</th>
                        <th>Procedimento</th>
                        <th>Descricao</th>
                        <th>Marcador SEI</th>
                        <th>Marcador interno</th>
                        <th>Status</th>
                        <th>Modalidade</th>
                        <th>Sub-Modalidade</th>
                        <th>Usuario Responsável</th>
                        <th>Informações extras</th>
                        <th>Observações</th>
                    </tr>
                </thead>

                @foreach ($lista as $lista)
                    <tr class="tr-processos">
                        <td nowrap>
                            <p>{{ $lista['unidade_origem'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['protocolo'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['data_geracao'] == '0000-00-00 00:00:00' || $lista['data_geracao'] == '30/11/-0001' || $lista['data_geracao'] == null ? '' : \Carbon\Carbon::parse($lista['data_geracao'])->format('d/m/Y') }}
                            </p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['unidade_geradora'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['procedimento'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['descricao'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['marcadores_sei'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['marcadores_internos'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['status'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['modalidades'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['sub_modalidade'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['responsaveis'] == null ? 'Sem usuario responsavel' : $lista['responsaveis'] }}
                            </p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['obs_extra'] == null ? 'Sem informações' : $lista['obs_extra'] }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista['obs'] == null ? 'Sem observações' : $lista['obs'] }}</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
                    }

                ];

                // 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