<div class="contenedor prosa">
  <%- include('../partials/breadcrumbs', { items: migas }) %>
  <h1>Orientación sobre tu <%= art %></h1>
  <div class="banner-alerta banner-alerta--informativa"><div>
    <strong>Esto no es un diagnóstico.</strong> Es una orientación educativa para ayudarte a entender tus opciones.
    Solo tu médico puede valorar tu caso.
  </div></div>

  <% if (!resultado) { %>
  <form method="post" action="/test/<%= art %>">
    <div class="campo"><label for="dolor">Del 0 al 4, ¿cuánto dolor sientes habitualmente?</label>
      <select id="dolor" name="dolor"><option value="0">0 · ninguno</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4 · muy intenso</option></select></div>
    <div class="campo"><label for="limita">Del 0 al 4, ¿cuánto te limita en tu día a día?</label>
      <select id="limita" name="limita"><option value="0">0 · nada</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4 · muchísimo</option></select></div>
    <div class="campo"><label for="conservador">¿Has probado ya tratamiento conservador (fisioterapia, ejercicio, analgesia)?</label>
      <select id="conservador" name="conservador"><option value="no">No / no lo sé</option><option value="si">Sí</option></select></div>
    <button class="btn btn--secundario" type="submit">Ver orientación</button>
  </form>
  <% } else { %>
  <div class="respuesta-corta"><p><%= resultado.mensaje %></p></div>
  <% if (resultado.recomienda_conservador) { %>
  <p>Antes de pensar en cirugía, el tratamiento conservador (ejercicio pautado, control del peso, fisioterapia) es el primer paso con más respaldo.</p>
  <% } %>
  <h2 class="u-mt-24">Contenidos que te pueden ayudar</h2>
  <ul>
    <% resultado.patologias.forEach(function(p){ %><li><a href="/patologias/<%= p.slug %>"><%= p.nombre %></a></li><% }) %>
    <% resultado.tipos.forEach(function(t){ %><li><a href="/tipos-de-protesis/<%= t.slug %>"><%= t.nombre %></a></li><% }) %>
  </ul>
  <p><a class="btn btn--primario" href="/medicos/">Buscar un traumatólogo</a> <a class="btn btn--fantasma" href="/test/<%= art %>">Repetir</a></p>
  <% } %>
</div>
