@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>Exames:</strong>
        </div>
        <div class="col-6">
            <strong>Código procedimento:</strong>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            {{$params['exame']}}
        </div>
        <div class="col-6">
            {{$params['procedimento'] ?? '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 $financeiro)
            <tr>
                <td class="text-left">{{$financeiro['nome_procedimento']}}</td>
                <td class="text-left">{{$financeiro['procedimento']}}</td>
                <td class="text-left">{{$financeiro['exame_nome']}}</td>
                <td class="text-left">{{$financeiro['quantidade']}}</td>
                <td class="text-left">
                    @php
                        echo  'R$ '.number_format($financeiro['valor_unitario'], 2, ',', '.')
                    @endphp
                </td>
                <td class="text-left">
                    @php
                       $total = $financeiro['quantidade'] * $financeiro['valor_unitario'];

                       echo  'R$ '.number_format($total, 2, ',', '.')
                    @endphp
                </td>
                <td class="text-left">{{$financeiro['status_nome']}}</td>
            </tr>
        @endforeach
            <tr>
                <td style="text-align:right" colspan="{{ count($params['columns']) }}">
                    <strong>
                        Valor geral: R$: {{$params['totalGeral']}}
                    </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;
    }
</style>
@endsection