@extends('Admin.pdf_izvestaji.base_bootstrap')
@section('css')
  <style type="text/css">
    th.bordeless {
      border-bottom-width: 0px !important;
    }
    .table {
      font-size: 0.7rem !important;
    }
  </style>
@stop
@section('content')
  <div class="row">
    <div class="col-12 pb-4">
      <p class="fs-2 fw-bold">{{ $data['naslov'] }}</p>
    </div>
  </div>
  @foreach ($data['grupe'] as $grupa)
  <div class="pb-2" style="page-break-inside: avoid;">
    <div class="row">
      <div class="col-12 pb-2">
        <p class="fs-4 fw-bold">{{ $grupa['ime'] }}</p>
      </div>
    </div>
    <div class="row">
      <div class="col-12 pb-2">
        <table class="table">
          <thead>
            <tr>
              <th scope="col">Potrošački broj</th>
              <th scope="col">Ime i prezime</th>
              <th scope="col">Broj impulsa</th>
              <th scope="col">Procenat učešća<br>prema ukupnom<br>broju impulsa</th>
              <th scope="col">Površina</th>
              <th scope="col">Procenat površine</th>
            </tr>
          </thead>
          <tbody>
            @foreach ($grupa['objekti'] as $objekat)
              <tr>
                <th scope="row">{{ $objekat['sifra'] }}</th>
                <th scope="row">{{ $objekat['vlasnik'] }}</th>
                <th scope="row">{{ number_format($objekat['impulsi'], 3) }}</th>
                <th scope="row">{{ $objekat['impulsi']>0.0 ? number_format($objekat['sumUtrosak']/$grupa['ukupnaSnaga']*100.0, 4) : '' }}</th>
                <th scope="row">{{ number_format($objekat['povrsina'], 2) }}</th>
                <th scope="row">{{ $objekat['procpovrsine'] }}</th>
              </tr>
            @endforeach
            <tr>
              <th class="bordeless" scope="row">&nbsp;</th>
              <th class="bordeless" scope="row">&nbsp;</th>
              <th class="bordeless" scope="row">{{ number_format($grupa['ukupniImpulsi'], 3) }}</th>
              <th class="bordeless" scope="row">100.000</th>
              <th class="bordeless" scope="row">&nbsp;</th>
              <th class="bordeless" scope="row">&nbsp;</th>
            </tr>
          </tbody>
        </table>      
      </div>
    </div>
  </div>
  @endforeach
@stop