@extends('adminlte::page')

@section('title', 'Relatórios')

@section('content_header')
<div class="row mb-2">
  <div class="col-sm-6">
    <h1>Power B.I</h1>
  </div>
  <div class="col-sm-6">
    <ol class="breadcrumb float-sm-right">
      <li class="breadcrumb-item">Relatório</li>
      <li class="breadcrumb-item active">Power B.I</li>
    </ol>
  </div>
</div>
@stop
@section('content')
@if($licenca == '501')
<div class="card">
  <button onclick="document.getElementById('pbiFrame').requestFullscreen()">Clique para Tela cheia</button>
  <iframe
    id="pbiFrame"
    title="BI Vendas V5.2"
    width="100%"
    height="700"
    src="https://app.fabric.microsoft.com/view?r=eyJrIjoiMWE1MGY0NzktZWU3Zi00ZGQ4LTgzMWItNGFiZmI4YjQxMzlkIiwidCI6ImEwZDFjYjMyLTZlOTctNGEwYy1hYzM2LWM3NzRiMzdlMzYxYiJ9&pageName=ReportSectiond47387711e03d1498e6a"
    frameborder="0"
    allowfullscreen
  ></iframe>
</div>
@else
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
  <a class="card text-white bg-info">
    <div class="card-header bg-info">Necessário validar o contrato com nosso Suporte <i class="fa-solid fa-headset"></i></div>
  </a>
</div>
@endif

@endsection

@section('vue-ls')
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
<script type="text/javascript">
  window.empresa = {!! $empresa !!};
</script>
@endsection