@extends('layouts.publicador.default')
@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>Nome</th>
                        <th>Escola</th>
                        <th>Núcleo Regional</th>
                        <th>Email</th>
                        <th>Telefone</th>
                        <th>RG</th>
                        <th>Matricula</th>
                        <th>Cidade</th>
                        <th>Nome do professor</th>
                        <th>Telefone Professor</th>
                        <th>Email professor</th>
                        <th>RG professor</th>
                        <th>Ementa</th>
                        <th>Normativa</th>
                        <th>Justificativa</th>
                        <th>Data Cadastro</th>
                    </tr>
                </thead>
                @foreach ($lista as $lista)
                    <tr class="tr-processos">
                        <td nowrap>
                            <p>{{ $lista->nome }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->escola }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->nucleo_regional }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->email }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->telefone }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->rg }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->matricula }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->cidade }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->professor }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->professor_fone }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->professor_email }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->professor_rg }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->ementa }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->normativa }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->justificativa }}</p>
                        </td>
                        <td nowrap>
                            <p>{{ $lista->created_at == '0000-00-00 00:00:00' || $lista->created_at == '30/11/-0001' || $lista->created_at == null ? '' : \Carbon\Carbon::parse($lista->created_at)->format('d/m/Y H:i') }}
                            </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: "00000000"
                        }
                    }, // 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
                    }

                ];

                // 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>
    </div>
@endsection