@extends('impressoes.layout1.content')

@section('conteudo')
<fieldset>

    <legend>Filtros</legend>
    <div class="row">
        <div class="col-4">
            <strong>Período:</strong>
        </div>
        <div class="col-4">
            <strong>Unidade Solicitante:</strong>
        </div>
        <div class="col-4">
            <strong>Local de atendimento:</strong>
        </div>
    </div>

    <div class="row">
        <div class="col-4">
            De {{ $busca['inicio'] }} até {{ $busca['fim'] }}
        </div>
        <div class="col-4">
            {{ $busca['unidadeSolicitante'] }}
        </div>
        <div class="col-4">
            {{ $busca['infraestrutura_solicitante'] }}
        </div>
    </div>

    <div class="row">
        <div class="col-4">
            <strong>Unidade Executante:</strong>
        </div>

        <div class="col-4">
            <strong>Local de atendimento:</strong>
        </div>

        <div class="col-4">
            <strong>Status:</strong>
        </div>
    </div>

    <div class="row">
        <div class="col-4">
            {{ $busca['unidadeExecutante'] }}
        </div>

        <div class="col-4">
            {{ $busca['infraestrutura_executante'] }}
        </div>

        <div class="col-4">
            {{ $busca['status'] }}
        </div>
    </div>

    <div class="row">
        <div class="col-4">
            <strong>Procedimentos:</strong>
        </div>
        <div class="col-4">
            <strong>Exames:</strong>
        </div>
        <div class="col-4">
            <strong>Ocupação:</strong>
        </div>
    </div>

    <div class="row">
        <div class="col-4">
            {{ $busca['procedimento_nome'] }}
        </div>
        <div class="col-4">
            {{ $busca['exame'] }}
        </div>
        <div class="col-4">
            {{ $busca['ocupacao'] }}
        </div>
    </div>

    <div class="row">
        <div class="col-4">
            <strong>Profissional:</strong>
        </div>
        <div class="col-4">
            <strong>Prestador:</strong>
        </div>
        <div class="col-4"></div>
    </div>

    <div class="row">
        <div class="col-4">
            {{ $busca['profissional'] }}
        </div>
        <div class="col-4">
            {{ $busca['prestador'] }}
        </div>
        <div class="col-4"></div>
    </div>
</fieldset>

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

    <tbody>
        @foreach ($itens as $item)
            <tr>
                @foreach($busca['colunas'] as $coluna)
                    <td class="{{ $coluna['class'] }}">{{ $item[$coluna['key']] ?? '-' }}</td>
                @endforeach
            </tr>
        @endforeach
            <tr>
                <td style="text-align:right" colspan="{{ count($busca['colunas']) }}">
                    <strong>
                        @foreach($busca['totalExames'] as $total)
                            Total geral de exames: {{$total}}
                        @endforeach
                    </strong>
                </td>
            </tr>
    </tbody>
</table>
<style>
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
    strong{
        font-size: 14px;
    }
    fieldset{
        display: block;
        margin-inline-start: 2px;
        margin-inline-end: 2px;
        padding-block-start: 0.35em;
        padding-inline-start: 0.75em;
        padding-inline-end: 0.75em;
        padding-block-end: 0.625em;
        min-inline-size: min-content;
        border-width: 2px;
        border-style: groove;
        border-color: rgb(192, 192, 192);
        border-image: initial;
    }
    legend {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 100!important;
    }

    .mt-10 {
        margin-top: 10px;
    }

    .text-titulo {
        font-family: Arial, Helvetica, sans-serif;
        font-size:15px;
    }
    .text-center {
        text-align: center!important;
    }
    .checkbox {
        width: 1em;
        height: 1em;
        margin-top: 0.25em;
        vertical-align: top;
        border: 2px solid rgba(0,0,0,.25);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    h3 {
        padding: 0;
        margin: 0;
    }

    p {
        padding: 0;
        margin: 0;
        font-size:13px;
        letter-spacing: 1px
    }

    .dados {
        background-color: #f1f1f1;
    }

    table th {
        text-align: center;
        background-color: #ffffff;
    }

    footer {
        color: #222222;
        display: block;
        font-family: Helvetica;
        font-size: 12px;
        padding-top: 5mm;
        width: 450px;
        line-height: 32px;
    }
    .footer {
        border-top: 2px solid #000000;
        width: 450px;
    }
    .footer-left {
        text-align: left;
    }
    .footer-right {
        line-height: 10px;
        text-align: right;
    }
    .table-relatorio > thead > tr > th,
    .table-relatorio > tfoot > tr > th { text-align: center; }
    .col-min { width: 1%; }
    .text-center { text-align: center; }
</style>
@endsection