@extends('layouts.publicador.default')
@section('content')
    <div style="display:none !important">
        <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>Protocolo</th>
                        <th>Data Geração</th>
                        <th>Unidade Geradora</th>
                        <th>Unidade</th>
                        <th>Dias em aberto</th>
                        <th>Data Unidade</th>
                        <th>Procedimento</th>
                        <th>Descrição</th>
                        <th>Situação</th>
                        <th>Data Situação</th>
                        <th>Usuário Responsável</th>
                        <th>Observações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($list as $lista)
                        @php
                            $hasActivity = false;
                        @endphp
                        @foreach ($lista['atividade'] as $sigla)
                            @if ($sigla->sigla === 'DA' || $sigla->sigla === 'DAT/' || strpos($sigla->sigla, 'DA/') === 0)
                                @php
                                    $hasActivity = true;
                                @endphp
                                <tr class="tr-processos">
                                    <td>{{ $lista['numero'] }}</td>
                                    <td>{{ $lista['data_abertura'] ? \Carbon\Carbon::parse($lista['data_abertura'])->format('d/m/Y') : 'N/A' }}
                                    </td>
                                    <td>{{ $lista['unidade_origem'] }}</td>
                                    <td>{{ $sigla->sigla }}</td>
                                    <td>{{ \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($sigla->ultima_atividade)) }} dias</td>
                                    <td>{{ \Carbon\Carbon::parse($sigla->ultima_atividade)->format('d/m/Y H:i') }}</td>
                                    <td>{{ $lista['procedimento'] }}</td>
                                    <td>{{ !empty($lista['descricao']) ? $lista['descricao'] : 'Processo sem descrição' }}
                                    </td>
                                    <td>{{ $lista['situacao'] }}</td>
                                    <td>
                                        @if (is_string($lista['data_situacao']) && $lista['data_situacao'] !== 'Sem data para situação')
                                            {{ \Carbon\Carbon::parse($lista['data_situacao'])->format('d/m/Y') }}
                                        @else
                                            {{ $lista['data_situacao'] }}
                                        @endif
                                    </td>
                                    <td>{{ $lista['usuario_responsavel_id'] }}</td>
                                    <td>{{ $lista['obs'] }}</td>
                                </tr>
                            @endif
                        @endforeach
                    @endforeach
                </tbody>
            </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"
                        }
                    },
                    font: {
                        sz: 12,
                        bold: false,
                        color: {
                            rgb: "000000"
                        }
                    },
                    alignment: {
                        vertical: "center",
                        horizontal: "left",
                        wrapText: true
                    }
                };

                // Definir largura para as células
                var columnWidth = [{
                        wpx: 120
                    }, // Protocolo
                    {
                        wpx: 100
                    }, // Data Geração
                    {
                        wpx: 150
                    }, // Unidade Geradora
                    {
                        wpx: 100
                    }, // Unidade
                    {
                        wpx: 100
                    }, // Dias em aberto
                    {
                        wpx: 120
                    }, // Data Unidade
                    {
                        wpx: 200
                    }, // Procedimento
                    {
                        wpx: 250
                    }, // Descrição
                    {
                        wpx: 150
                    }, // Situação
                    {
                        wpx: 100
                    }, // Data Situação
                    {
                        wpx: 150
                    }, // Usuário Responsável
                    {
                        wpx: 200
                    } // Observações
                ];

                // Aplicar estilo às células
                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;
                        ws[cellRef].s = cellStyle;
                    }
                }

                // Definir a largura das colunas
                ws['!cols'] = columnWidth;

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

                // 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"
                }), 'Processos_DA.xlsx');
            });
        </script>
        <script defer>
            $(document).ready(function() {
                setTimeout(function() {
                    history.back();
                }, 3000);
            });
        </script>
    </div>
@endsection