@extends('painel-admin.menu')
@section('title', 'Relatório de Empresas')
@section('content')
  @if(session('errors'))
        <div class="alert alert-danger">
            <ul>
                @foreach(session('errors')->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
  @endif
  @if(session('error'))
      <div class="alert alert-danger">
          {{ session('error') }}
      </div>
  @endif
  @if(session('success'))
      <div class="alert alert-success">
          {{ session('success') }}
      </div>
  @endif
    <form method="get">
        <fieldset class="form-group">
            <div class="row">
                <div class="col-12 mt-3">
                    <div class="d-flex flex-column flex-sm-row justify-content-between align-items-sm-center flex-wrap">
                        <h2 class="mb-3 mb-sm-0">Relatórios das empresas Cadastradas</h2>

                        <div class="d-flex flex-column flex-sm-row flex-wrap" style="gap: 5px;">
                            <button type="submit" class="form-control btn btn-primary">Gerar</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row mt-2">
                <div class="col-md-4">
                    <label class="mb-2">Status</label>
                    <select class="form-control" id="NSTATUS" name="NSTATUS">
                        @foreach($status as $resultado)
                            <option value="{{ $resultado->NCODSTATUS }}" {{ request('NSTATUS') == $resultado->NCODSTATUS ? 'selected' : '' }}>
                                {{ $resultado->CNOMESTATUS }}
                            </option>
                        @endforeach
                        <option value="todos" {{ request('NSTATUS') == 'todos' ? 'selected' : '' }}>Todos</option>
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="mb-2">Liberados/Bloqueados</label>
                    <select class="form-control" name="bloq">
                        <option value="nao" {{ request('bloq') == 'nao' ? 'selected' : '' }}>Liberados</option>
                        <option value="sim" {{ request('bloq') == 'sim' ? 'selected' : '' }}>Bloqueados</option>
                        <option value="ambos" {{ request('bloq') == 'ambos' ? 'selected' : '' }}>Ambos</option>
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="mb-2">Utilização</label>
                    <select class="form-control" id="utiliza" name="utiliza[]" multiple>
                        @foreach([
                            1 => 'NF-e',
                            2 => 'NFC-e',
                            3 => 'NFS-e',
                            4 => 'ECF',
                            5 => 'Somente Não fiscal',
                            6 => 'Pedido Externo',
                            7 => 'Site',
                            8 => 'Catálogo',
                            9 => 'Multi Loja',
                            10 => 'Boleto',
                            11 => 'CTE',
                            12 => 'Email Profissional'
                        ] as $key => $label)
                            <option value="{{ $key }}" {{ in_array($key, request('utiliza', [])) ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
        </fieldset>
    </form>

    @if($empresas)
        <div class="row mt-4">
            <div class="col-sm-12 col-lg-12 mx-auto">
                <h4 class="text-center">Resultados do Relatório</h4>

                <div class="mb-3 text-center">
                    <button onclick="exportToExcel()" class="btn btn-success mr-2 mb-2">
                        <i class="fas fa-file-excel mr-2"></i> Exportar para Excel
                    </button>
                    <button onclick="exportToPDF()" class="btn btn-danger mb-2">
                        <i class="fas fa-file-pdf mr-2"></i> Exportar para PDF
                    </button>
                </div>

                @php
                    $utilizacaoLabels = [
                        1 => 'NF-e', 2 => 'NFC-e', 3 => 'NFS-e', 4 => 'ECF',
                        5 => 'Somente Não fiscal', 6 => 'Pedido Externo', 7 => 'Site',
                        8 => 'Catálogo', 9 => 'Multi Loja', 10 => 'Boleto', 11 => 'CTE',
                        12 => 'Email Profissional'
                    ];
                @endphp

                <div class="table-responsive">
                    <table class="table table-bordered table-striped" id="empresasTable">
                        <thead class="thead-dark">
                            <tr>
                                <th>Razão Social</th>
                                <th>Fantasia</th>
                                <th>CNPJ</th>
                                <th>Telefone</th>
                                <th>Email</th>
                                <th>Utilização</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($empresas as $empresa)
                                <tr>
                                    <td>{{ $empresa->RazaoSocialCliente }}</td>
                                    <td>{{ $empresa->FantasiaCliente }}</td>
                                    <td>{{ $empresa->CGCCliente }}</td>
                                    <td>{{ $empresa->Telefone }}</td>
                                    <td>{{ $empresa->Email }}</td>
                                    <td>
                                        @php
                                            $utilizacoes = explode(',', $empresa->utiliza);
                                            $colunasUtilizacao = [];

                                            foreach ($utilizacoes as $utilizacao) {
                                                $colunasUtilizacao[] = $utilizacaoLabels[$utilizacao] ?? 'Desconhecido';
                                            }

                                            echo implode(', ', $colunasUtilizacao);
                                        @endphp
                                    </td>
                                    <td>
                                        <a title="Visualizar" href="#" data-toggle="modal" data-target="#DadosModal{{ $empresa->Codigo }}">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <div class="alert alert-warning text-center mt-4">Nenhum dado encontrado para os filtros selecionados.</div>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif



    <!-- Modal Empresa -->
    @if (!empty($empresas))
        @foreach ($empresas as $empresa)
            <div class="modal fade" id="DadosModal{{ $empresa->Codigo }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Detalhes da empresa</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <label for="sistema">Empresa:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->RazaoSocialCliente }}" readonly>
                                </div>
                                <div class="col-md-12">
                                    <label for="sistema">Fantasia:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->FantasiaCliente }}" readonly>
                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="col-md-4">
                                    <label for="sistema">CNPJ:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->CGCCliente }}" readonly>
                                </div>
                                <div class="col-md-4">          
                                    <label for="sistema">Inscrição Estadual:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->InscricaoEstadualCliente }}" readonly>            
                                </div>
                                <div class="col-md-4">
                                    <label for="sistema">Inscrição Municipal:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->InscricaoMunicipalCliente }}" readonly>
                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="col-md-4">
                                    <label for="sistema">CEP:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->CEP }}" readonly>
                                </div>
                                <div class="col-md-4">
                                    <label for="sistema">Endereço:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Endereco }}" readonly>
                                </div>
                                <div class="col-md-4">
                                    <label for="sistema">Numero:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Numero }}" readonly>
                                </div>
                                <div class="col-md-12">
                                    <label for="sistema">Complemento:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Complemento }}" readonly>
                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="col-md-4">
                                    <label for="sistema">Bairro:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Bairro }}" readonly>
                                </div>
                                <div class="col-md-4">
                                    <label for="sistema">Cidade:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Cidade }}" readonly>
                                </div>
                                <div class="col-md-4">      
                                    <label for="sistema">Estado:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Estado }}" readonly>       
                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="col-md-4">        
                                    <label for="sistema">Email(Cobrança):</label>
                                    <input type="text" class="form-control" value="{{ $empresa->EmailCobranca }}" readonly>       
                                </div>
                                <div class="col-md-4">    
                                    <label for="sistema">Email(Contato):</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Email }}" readonly>
                                </div>
                                <div class="col-md-4">
                                    <label for="sistema">Telefone(1):</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Telefone }}" readonly>
                                </div>         
                            </div>
                            <div class="row mt-2">
                                <div class="col-md-4">
                                    <label for="sistema">Telefone(2):</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Telefone2 }}" readonly>
                                </div>
                                <div class="col-md-4">
                                    <label for="sistema">Celular:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Celular }}" readonly>
                                </div>   
                                <div class="col-md-4">
                                    <label for="sistema">Contato:</label>
                                    <input type="text" class="form-control" value="{{ $empresa->Contato }}" readonly>
                                </div>
                            </div>
                        </div> 
                        <div class="modal-footer">
                            <a title="Visualizar" href="{{route('empresas.show', $empresa->Codigo)}}">Mais Detalhes<i class="fas fa-eye mr-1"></i></a>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    @endif

     
    <style>

        .select2-container {
            width: 100% !important;
        }

        .select2-selection {
            height: 38px !important;
            display: flex;
            align-items: center;
            border-radius: 5px;
            border: 1px solid #ced4da;
            padding: 5px;
        }

        .select2-selection__rendered {
            line-height: 28px !important;
            padding-left: 8px !important;
        }

        .select2-container--default .select2-selection--multiple {
            min-height: 38px;
            max-height: 80px;
            overflow-y: auto; 
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

    </style>
    <!-- select2 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />

    <!-- Exportar -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.3/xlsx.full.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.17/jspdf.plugin.autotable.js"></script>

    <script>
        var currentItemId = 'relatorios-empresa-link';

        $('#utiliza').select2({
            placeholder: "Selecione um ou mais itens",
            allowClear: true
        });

        // Função para exportar para Excel
        function exportToExcel() {
            var table = document.querySelector('table');
            var wb = XLSX.utils.table_to_book(table, { sheet: "Empresas" });
            XLSX.writeFile(wb, 'empresas.xlsx');
        }

        // Função para exportar para PDF
        function exportToPDF() {
            const { jsPDF } = window.jspdf;
            const doc = new jsPDF({
                orientation: 'landscape',
                unit: 'mm',
                format: 'a4'
            });

            doc.setFontSize(12);
            doc.text("Relatório de Empresas", 14, 15);

            const columns = [
                { header: "Razão Social", dataKey: "razao" },
                { header: "Fantasia", dataKey: "fantasia" },
                { header: "CNPJ", dataKey: "cnpj" },
                { header: "Telefone", dataKey: "telefone" },
                { header: "Email", dataKey: "email" },
                { header: "Utilização", dataKey: "utilizacao" }
            ];

            // Captura os dados da tabela
            const rows = [];
            document.querySelectorAll("#empresasTable tbody tr").forEach(row => {
                const cells = row.querySelectorAll("td");
                if (cells.length > 0) {
                    rows.push({
                        razao: cells[0].innerText.trim(),
                        fantasia: cells[1].innerText.trim(),
                        cnpj: cells[2].innerText.trim(),
                        telefone: cells[3].innerText.trim(),
                        email: cells[4].innerText.trim(),
                        utilizacao: cells[5].innerText.trim()
                    });
                }
            });

            doc.autoTable({
                columns: columns,
                body: rows,
                startY: 25,
                theme: 'striped',
                headStyles: { fillColor: [40, 40, 40], textColor: [255, 255, 255] },
                styles: { fontSize: 10, cellPadding: 3 },
                columnStyles: {
                    razao: { cellWidth: 45 },
                    fantasia: { cellWidth: 40 },
                    cnpj: { cellWidth: 30 },
                    telefone: { cellWidth: 30 },
                    email: { cellWidth: 50 },
                    utilizacao: { cellWidth: 50 }
                }
            });

            doc.save('empresas.pdf');
        }
    </script>

@endsection