@extends('layouts.app')
@push('css')
<style>
    body{
      overflow:hidden;
      overflow-y:scroll;
    }
    .loader {
      border: 16px solid #f3f3f3;
      border-radius: 50%;
      border-top: 16px solid #3498db;
      width: 120px;
      height: 120px;
      -webkit-animation: spin 2s linear infinite; /* Safari */
      animation: spin 2s linear infinite;
    }
    
    /* Safari */
    @-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }
    
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    </style>
@endpush
@php
 
@endphp


@section('content')

<section class="user-profile">
    <div class="row" id="content">
        <div class="col-md-12">
        @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
  <strong>Eroare!</strong> {{session('error')}}
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
@php session()->put('error',NULL); @endphp
        @endif

      
        
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">

               
                <table class="table table-hover table-bordered">
                    <thead>
                        <tr>
                            <th class="text-center">Perspectiva</th>
                            <th class="text-center">Perioada</th>
                            <th class="text-center">Total bonus Ne-Ajustat</th>
                            <th class="text-center">Indice Global(IGP)</th>
                            <th class="text-center">Bonus Tie</th>
                            <th class="text-center">Bonus Invest</th>
                            <th class="text-center">Total bonus(Ajustat cu IGP)</th>
                        </tr>
                 
                </table>
            </div>
            </div>
        </div>
    </div>
       
    </div>
</section>
@endsection

@push('scripts')
<script src="{{URL::to('js/dataplugin/jquery-3.5.1.js')}}"></script>
<script src="{{URL::to('js/dataplugin/jquery.DataTables.js')}}"></script>

<script>
    
       
   $(document).ready(function(){
    $('#content').attr('style','display:none;');
      $('#loadings').removeAttr('style');
      $("#loadings").attr('style','margin:auto');
      $('.loader').attr('style','margin:auto');
      $('#bdd').attr('style','background:#00193b');
   });
  </script>
      
  
      <script>
      var count = 0;
      var p = Promise.resolve();
      var fn = (perc) => {
      p = p.then(() => new Promise(resolve => $("#load-perc").text("Stimati utilizatori  ").delay(200).fadeIn("slow", resolve)));
      p = p.then(() => new Promise(resolve => $("#load-text").text("Aplicatie este dedicata pentru utilizatori din retea.... ").delay(200).fadeIn("slow", resolve)));
      };
      while (count < 100) {
      fn(count + 1);
      count++;
      }
      </script>
<script>
        $(document).ready(function () {
     
     $('#asm-branches').DataTable({
         paging: true,
         ordering: false,
         info: true,
     });
 });
 
 </script>

@endpush