<turbo-stream action="update" target="remote_modal"><template><turbo-frame id="remote_modal">
  <div class="modal fade" id="standard-modal" tabindex="-1" role="dialog" data-controller="modal">
    <div class="modal-dialog modal-dialog-centered modal-lg">
      <div class="modal-content border-0 shadow-lg rounded-4 overflow-hidden">

        <div class="modal-header border-0 p-3 p-md-4 text-white" style="background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);">
          <div class="d-flex align-items-center w-100">
            <div class="bg-white bg-opacity-10 p-2 rounded-3 me-3 d-none d-sm-block">
              <i class='bx bx-search-alt fs-3 text-info'></i>
            </div>
            <div class="flex-grow-1">
              <h4 class="modal-title fw-bold mb-0 text-white fs-5 fs-md-4">Vista Previa de Novedad</h4>
              <p class="mb-0 opacity-75 small">Detalles internos y visualización final.</p>
            </div>
            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
        </div>

        <div class="modal-body p-0 bg-light" style="max-height: 75vh; overflow-y: auto;">
          <div class="bg-white border-bottom p-3 d-flex flex-wrap gap-2 align-items-center">
            <span class="badge border bg-success-subtle text-success border-success-subtle" style="font-size: 0.7rem;">Cursado</span>
              <span class="badge bg-danger rounded-pill px-3">
                <i class='bx bxs-zap me-1'></i> URGENTE
              </span>
              <span class="badge bg-secondary rounded-pill px-3">VENCIDO</span>
          </div>

          <div class="p-3 p-md-4">
            <div class="row g-4">
              <div class="col-12 col-lg-8">
                <label class="text-uppercase text-muted fw-bold small mb-2 d-block" style="letter-spacing: 1px;">Título y Contenido Público</label>
                <div class="bg-white p-3 p-md-4 rounded-4 shadow-sm border border-light mb-4">
                  <h3 class="fw-bold text-dark mb-3"></h3>
                  <div class="trix-content text-secondary">
                      <div><strong>Economía Agraria</strong><br>Se comunica a los estudiantes que adeuden uno o ambos exámenes parciales que la instancia de recuperación se realizará el día <strong>viernes 3 de julio a las 09:00 hs.</strong></div>
                  </div>
                </div>

              </div>

              <div class="col-12 col-lg-4">
                <label class="text-uppercase text-muted fw-bold small mb-2 d-block" style="letter-spacing: 1px;">Información</label>
                <div class="bg-white p-3 rounded-4 shadow-sm border border-light">


                
                  <div class="mb-3 pb-3 border-bottom">
                    <small class="text-muted d-block">Creado el:</small>
                    <span class="small text-dark">
                      01/07/2026 16:33
                    </span>
                  </div>



                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="modal-footer border-0 p-3 bg-white shadow-lg">
          <button type="button" class="btn btn-dark rounded-pill px-5 fw-bold shadow-sm w-100 w-sm-auto" data-bs-dismiss="modal">
            Cerrar Vista
          </button>
        </div>

      </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>