{{-- Card de informações da referência hlc-9 (preenchido automaticamente via JS) --}}
<div class="col-12 mt-2 mb-2">
    <div class="card border-info">
        <a href="#bethelInfoBody" class="d-block card-header py-2 bg-info text-white"
            data-toggle="collapse" role="button" aria-expanded="true" aria-controls="bethelInfoBody">
            <i class="fas fa-book-medical mr-1"></i>
            <strong>Dados da especialidade de referência de Betel</strong>
            <small class="ml-1 font-weight-normal">(preenchido automaticamente)</small>
        </a>
        <div class="collapse show" id="bethelInfoBody">
            <div class="card-body py-2 px-3 small text-dark">
                <div class="row mb-1 border-bottom pb-1">
                    <div class="col-sm-3 font-weight-bold text-muted text-uppercase" style="font-size:0.75rem">Nome no relatório</div>
                    <div class="col-sm-9" id="report_name"></div>
                </div>
                <div class="row mb-1 border-bottom pb-1">
                    <div class="col-sm-3 font-weight-bold text-muted text-uppercase" style="font-size:0.75rem">Descrição</div>
                    <div class="col-sm-9" id="description"></div>
                </div>
                <div class="row mb-1 border-bottom pb-1">
                    <div class="col-sm-3 font-weight-bold text-muted text-uppercase" style="font-size:0.75rem">Quadro clínico</div>
                    <div class="col-sm-9" id="conditions"></div>
                </div>
                <div class="row mb-1 border-bottom pb-1">
                    <div class="col-sm-3 font-weight-bold text-muted text-uppercase" style="font-size:0.75rem">Procedimentos</div>
                    <div class="col-sm-9" id="procedures"></div>
                </div>
                <div class="row mb-1 border-bottom pb-1">
                    <div class="col-sm-3 font-weight-bold text-muted text-uppercase" style="font-size:0.75rem">Estratégias</div>
                    <div class="col-sm-9" id="strategies"></div>
                </div>
                <div class="row mb-1">
                    <div class="col-sm-3 font-weight-bold text-muted text-uppercase" style="font-size:0.75rem">Link JW Medical</div>
                    <div class="col-sm-9" id="jwmedical_url"></div>
                </div>
            </div>
        </div>
    </div>
</div>