@extends('impressoes.layout1.content')

@section('conteudo')
<fieldset>
    <legend>Filtros</legend>
    <div class="row">
        <div class="col-6">
            <strong>Período de:</strong>
        </div>
        <div class="col-6">
            <strong>Até: </strong>
        </div>
    </div>
    <div class="row">
        <div class="cell col-6">
            {{$params['periodo']['start'] }}
        </div>
        <div class="cell col-6">
            {{$params['periodo']['end'] }}
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <strong>Unidade solicitante:</strong>
        </div>
        <div class="col-6">
            <strong>Unidade executante:</strong>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            {{$params['solicitantes']}}
        </div>
        <div class="col-6">
            {{$params['executantes']}}
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <strong>Profissional executante:</strong>
        </div>
        <div class="col-6">
            <strong>Grupo de exames:</strong>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            {{$params['profissional']}}
        </div>
        <div class="col-6">
            {{$params['grupo'] ?? 'Todos' }}
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <strong>Exames:</strong>
        </div>
        <div class="col-6">
            <strong>Status:</strong>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            {{$params['exame']}}
        </div>
        <div class="col-6">
            {{$params['status']}}
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <strong>Número prontuário:</strong>
        </div>
        <div class="col-6">
            <strong>Código do exame:</strong>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            {{$params['prontuario'] ?? 'Todos' }}
        </div>
        <div class="col-6">
            {{$params['procedimento'] ?? 'Todos' }}
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <strong>Paciente:</strong>
        </div>

    </div>
    <div class="row">
        <div class="col-6">
            {{$params['paciente']['cidadao']['nome'] ?? 'Todos' }}
        </div>
    </div>
</fieldset>

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

    <tbody>
        @foreach ($listagem as $plantao)
            <tr>
                @foreach($params['columns'] as $coluna)
                    <td>{{ $plantao[$coluna['key']] }}</td>
                @endforeach
            </tr>
        @endforeach
        <tr>
            <td colspan="{{ count($params['columns']) }}">
                <strong>Total de paciente:</strong>  {{$params['totalizandoPaciente']}}
            </td>
        </tr>
        <tr>
            <td colspan="{{ count($params['columns']) }}" class="background-white">
                <strong>Total de exame:</strong>  {{$params['totalizandoExames']}}
            </td>
        </tr>
        <tr>
            <td colspan="{{ count($params['columns']) }}">
                <strong>Valor total:</strong>  {{$params['valorExames']}}
            </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;
    }
    .background-white {
        background-color: #fff!important;
    }
</style>
@endsection