@extends('impressoes.layout1.content')

@section('conteudo')
<style>
    .table-relatorio > thead > tr > th,
    .table-relatorio > tfoot > tr > th { text-align: center; }
    .col-min { width: 1%; }
    .text-center { text-align: center; }
</style>

<fieldset>
    <legend>Filtros</legend>

    <div class="row">
        <div class="col-4">
            <strong>Período:</strong>
            <div>
                De {{ $inicio }} até {{ $fim }}
            </div>
        </div>

        <div class="col-8">
            <strong>Unidade:</strong>
            <div>
                {{ $unidade }}
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-8">
            <strong>Local de atendimento:</strong>
            <div>
                {{ $infraestrutura }}
            </div>
        </div>

        <div class="col-2">
            <strong>Idade de</strong>
            <div>
                {{ $idadeDe }}
            </div>
        </div>

        <div class="col-2">
            <strong>Idade até</strong>
            <div>
                {{ $idadeAte }}
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <strong>Vacina:</strong>
            <div>
                {{ $vacina }}
            </div>
        </div>
    </div>
</fieldset>

<table class="table table-relatorio">
    <thead>
        <tr>
            @foreach ($colunas as $coluna)
                <th class="{{ $coluna['class'] }}">{{ $coluna['label'] }}</th>
            @endforeach
        </tr>
    </thead>

    <tbody>
        @foreach ($itens as $item)
            <tr>
                @foreach ($colunas as $coluna)
                    <td class="{{ $coluna['class'] }}">{{ $item->{$coluna['key']} }}</td>
                @endforeach
            </tr>
        @endforeach
    </tbody>
</table>
@endsection