@extends('impressoes.layout-receita.impressao', [
    'paraAssinar' => !$exibirAssinatura,
    'receita' => collect($receitas)->first() ?? []
])

@section('conteudo')
    @foreach($receitas as $receita)
        @foreach($receita['medicamentos'] as $medicamento)
            <div class="page">
                <div class="row" style="padding-bottom: 2px">
                    <div class="cell col-5 font-small" style="padding-right:15px">
                        <div class="font-small border-bottom mt-8px">
                            <strong>MEDICAMENTOS</strong>
                        </div>
                    </div>

                    <div class="cell col-5 font-small" style="padding-left:15px">
                        <div class="font-small border-bottom mt-8px">
                            <strong>MEDICAMENTOS</strong>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="cell col-5 font-small" style="padding-right:15px">
                        <div class="medicamento">
                            <table class="card">
                                <tbody>
                                    <tr class="card-top">
                                        <td style="border-bottom: 1px solid #000; padding: 5px">
                                            <strong>Descrição:</strong> {!! $medicamento['descricao'] !!}
                                        </td>
                                    </tr>

                                    <tr class="card-bottom">
                                        <td>
                                            <strong>Recomendações:</strong> {!!$medicamento['recomendacoes']!!}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="cell col-5 font-small" style="padding-left:15px">
                        <div class="medicamento">
                            <table class="card">
                                <tbody>
                                    <tr class="card-top">
                                        <td style="border-bottom: 1px solid #000; padding: 5px">
                                            <strong>Descrição:</strong> {!! $medicamento['descricao']!!}
                                        </td>
                                    </tr>
                                    <tr class="card-bottom">
                                        <td>
                                            <strong>Recomendações:</strong> {!!$medicamento['recomendacoes']!!}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="row" style="padding-top: 5px;" >
                    <div class="cell col-5 font-small" style="padding-right:15px">
                        <div class="fieldset mt-8px font-tiny">
                            <div class="legend">
                                <strong>Identificação do comprador</strong>
                            </div>
                            <div class="row">
                                <div class="cell col-min" style="vertical-align: bottom;">
                                    <strong>Nome:</strong>
                                </div>

                                <div class="cell" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="cell col-min" style="vertical-align: bottom;">
                                    <strong>RG:</strong>
                                </div>

                                <div class="cell" style="vertical-align: bottom; padding-right: 5px;">
                                    <div class="manual-line"></div>
                                </div>

                                <div class="cell col-min" style="vertical-align: bottom;">
                                    <strong>Órgão emissor:</strong>
                                </div>

                                <div class="cell" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="cell col-min" style="vertical-align: bottom; white-space: nowrap">
                                    <strong>Endereço:</strong>
                                </div>
                                <div class="cell" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="cell col-min" style="vertical-align: bottom; white-space: nowrap">
                                    <strong>Cidade:</strong>
                                </div>
                                <div class="cell" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                                <div class="cell col-min" style="vertical-align: bottom; white-space: nowrap">
                                    <strong>UF:</strong>
                                </div>
                                <div class="cell col-1" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                                <div class="cell col-min" style="vertical-align: bottom; white-space: nowrap">
                                    <strong>Telefone:</strong>
                                </div>
                                <div class="cell col-2" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                            </div>
                        </div>
                        <div class="fieldset mt-8px font-tiny">
                            <div class="legend">
                                <strong>Identificação do fornecedor</strong>
                            </div>
                            <div class="row mt-1">
                                <div class="cell col-min" style="vertical-align: bottom; white-space: nowrap">
                                    <strong>Assinatura do farmacêutico:</strong>
                                </div>
                                <div class="cell" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                                <div class="cell col-6" style="vertical-align: bottom; white-space: nowrap; text-align: right;">
                                    <strong>Data de fornecimento:</strong> <span class="empty-date"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cell col-5 font-small" style="padding-left:15px">
                        <div class="fieldset mt-8px font-tiny">
                            <div class="legend">
                                <strong>Identificação do comprador</strong>
                            </div>
                            <div class="row">
                                <div class="cell col-min" style="vertical-align: bottom;">
                                    <strong>Nome:</strong>
                                </div>
                                <div class="cell" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="cell col-min" style="vertical-align: bottom;">
                                    <strong>RG:</strong>
                                </div>
                                <div class="cell" style="vertical-align: bottom; padding-right: 5px;">
                                    <div class="manual-line"></div>
                                </div>
                                <div class="cell col-min" style="vertical-align: bottom;">
                                    <strong>Órgão emissor:</strong>
                                </div>
                                <div class="cell" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="cell col-min" style="vertical-align: bottom; white-space: nowrap">
                                    <strong>Endereço:</strong>
                                </div>
                                <div class="cell" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="cell col-min" style="vertical-align: bottom; white-space: nowrap">
                                    <strong>Cidade:</strong>
                                </div>
                                <div class="cell" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                                <div class="cell col-min" style="vertical-align: bottom; white-space: nowrap">
                                    <strong>UF:</strong>
                                </div>
                                <div class="cell col-1" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                                <div class="cell col-min" style="vertical-align: bottom; white-space: nowrap">
                                    <strong>Telefone:</strong>
                                </div>
                                <div class="cell col-2" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                            </div>
                        </div>
                        <div class="fieldset mt-8px font-tiny">
                            <div class="legend">
                                <strong>Identificação do fornecedor</strong>
                            </div>
                            <div class="row mt-1">
                                <div class="cell col-min" style="vertical-align: bottom; white-space: nowrap">
                                    <strong>Assinatura do farmacêutico:</strong>
                                </div>
                                <div class="cell" style="vertical-align: bottom;">
                                    <div class="manual-line"></div>
                                </div>
                                <div class="cell col-6" style="vertical-align: bottom; white-space: nowrap; text-align: right;">
                                    <strong>Data de fornecimento:</strong> <span class="empty-date"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    @endforeach

    <style>
        .medicamento  {
            border: 1px solid #000;
            border-radius: 5px;
            margin-top: 3px;
            font-size: 10px !important;
        }
        .card td {
            padding: 0px 5px;
        }
        .card-top td { padding-top: 0px;  }


        .card-bottom td {
            padding-bottom: 0px;
        }
        .mt-8px {
            margin-top: 8px;
        }
        .mt-12px {
            margin-top: 12px;
        }
        .fieldset {
            padding: 0px 5px 2px !important;
        }
        .data {
            height: 22px !important;
        }
        .manual-line {
            height: 18px !important;
            border-bottom: 1px solid #000000 !important;
        }
    </style>
@endsection