<turbo-stream action="update" target="tag-modal-content"><template><turbo-frame id="tag-modal-content">
  <div class="sm:flex sm:items-start" data-action="click->tag#stopPropagation">
    <div class="mt-3 text-center sm:mt-0 sm:text-left w-full">
      <div class="flex items-center gap-3 mb-4">
        <div class="px-2 py-0.5 rounded-full !text-xs" data-bg-color>
          Macula lutea
        </div>
        <div class="bg-gray-100 text-gray-500 px-2 py-0.5 rounded-full !text-xs">
          UBERON:0000053
        </div>
      </div>
        <div class="border-t border-gray-100 pt-6">
          <dl class="space-y-4">
              <dd class="text-sm text-gray-600">
                An oval area in the retina, usually located temporal to the posterior pole of the eye and slightly below the level of the optic disk. It is characterized by the presence of a yellow pigment diffusely permeating the inner layers, contains the fovea centralis in its center, and provides the best phototopic visual acuity. It is devoid of retinal blood vessels, except in its periphery, and receives nourishment from the choriocapillaris of the choroid. (From Cline et al., Dictionary of Visual Science, 4th ed).
              </dd>
            <dd>
              <a target="_blank" class="inline-flex items-center px-2.5 py-1.5 text-xs font-medium rounded text-gray-700 bg-gray-100 hover:bg-gray-200" href="http://purl.obolibrary.org/obo/UBERON_0000053">
                View in Ontology Tree
                <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                </svg>
</a>            </dd>
          </dl>
        </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>