@extends('painel-admin.menu')
@section('title', 'Financeiro')
@section('php')
    @stop
@section('content')
    @if(Session::has('success'))
        @php
            $data = Session::get('success');
        @endphp

        @if (is_array($data))
            @foreach ($data as $msg)
                <div class="alert alert-success" role="alert">
                    <i class="fa fa-check"></i>
                    {{ $msg }}
                </div>
            @endforeach
        @else
            <div class="alert alert-success" role="alert">
                <i class="fa fa-check"></i>
                {{ $data }}
            </div>
        @endif
    @endif

    @if(Session::has('error'))
        @php
            $data = Session::get('error');
        @endphp

        @if (is_array($data))
            @foreach ($data as $msg)
                <div class="alert alert-danger" role="alert">
                    <i class="fa fa-times"></i>
                    {{ $msg }}
                </div>
            @endforeach
        @else
            <div class="alert alert-danger" role="alert">
                <i class="fa fa-times"></i>
                {{ $data }}
            </div>
        @endif
    @endif
    <div class="row">
        <div class="col-md-12">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="no-margin no-padding col-lg-2 col-md-3 col-sm-3 col-xs-3"><a href="#tabela_preco" data-toggle="tab" onclick="openTab('tabela_preco')">Tabela de Preço</a></li>
                    <li class="no-margin no-padding col-lg-2 col-md-3 col-sm-3 col-xs-3"><a href="#orcamento" data-toggle="tab" onclick="openTab('orcamento')">Orçamento</a></li>
                </ul>
            </div>
            <div id="tabs" class="tab-content">
                @foreach($listagem as $listagem)
                    @if ($listagem->tipo === 'tabela_preco')
                        <div class="tab-pane fade in active" id="tabela_preco">
                            <iframe id="excelIframeTABELAPRECO" src="https://docs.google.com/spreadsheets/d/14jK9VyInd6JdV8HHUORGUJJEEtIYoFW0VstY2oz7pyA/edit?usp=sharing" width="100%" height="800"></iframe>    
                        </div>
                    @elseif ($listagem->tipo === 'orcamento')
                        <div class="tab-pane fade" id="orcamento">
                            <iframe id="excelIframeORCAMENTO"  src="https://docs.google.com/document/d/1tVPSYOirAaDs_-ARV5CTTK0aZ_f_iKMZK_Qpge-jpdI/edit?usp=sharing" width="100%" height="800"></iframe> 
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    </div>
    <style>
     .nav-tabs-custom {
      width: 100%;
      margin-left: 0;
      border-bottom: none;
    }

    .nav-tabs-custom .nav-tabs {
      margin-bottom: 0;
    }

    .nav-tabs-custom .nav-tabs li {
      float: none;
      display: inline-block;
    }

    .nav-tabs-custom .nav-tabs li a {
      border: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
      color: #333;
      padding: 12px 0;
      margin-top: -1px;
      background-color: #f8f8f8;
      display: inline-block;
      width: 100%;
      text-align: center; /* Centraliza o texto dentro do botão */
    }

    .nav-tabs-custom .nav-tabs li a:hover,
    .nav-tabs-custom .nav-tabs li.active a {
      border-bottom-color: transparent;
      background-color: #277ae6;
    }

    .tab-content {
      width: 100%;
      margin-top: 20px;
    }

    body.noscroll {
        overflow: hidden;
    }
    </style>
    <script>

        document.addEventListener('DOMContentLoaded', function() {
            var iframes = [
                document.getElementById('excelIframeTABELAPRECO'),
                document.getElementById('excelIframeORCAMENTO'),
            ];

            iframes.forEach(function(iframe) {
                iframe.addEventListener('mouseenter', function() {
                    document.body.classList.add('noscroll');
                });

                iframe.addEventListener('mouseleave', function() {
                    document.body.classList.remove('noscroll');
                });
            });
        });
       var currentItemId = 'financeiro-link';

        const div_filtros = document.getElementById("div-filtros");
        const mostrar_filtros = document.getElementById("mostrar-filtros");

        let urlAtual = window.location.href;
        let urlClass = new URL(urlAtual);

        if(urlClass.searchParams.size > 0){
            div_filtros.hidden = false;
        }

        function openTab(tabName) {
            $('.nav-tabs li').removeClass('active');
            $('.nav-tabs li a[href="#' + tabName + '"]').parent().addClass('active');
            $('.tab-content .tab-pane').removeClass('show active');
            $('#' + tabName).addClass('show active');
        }

        function openFirstTab() {
            openTab('tabela_preco');
        }

        document.addEventListener('DOMContentLoaded', openFirstTab);

    </script>
@stop