{% extends 'menu/menu.html' %}
{% load static %}

{% block head %}
  {{ block.super }}
  <!-- Aseguramos viewport para móviles -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
{% endblock %}

{% block title %}Mi NexID – Código de Barras{% endblock %}

{% block body %}
<div class="container py-4">
  <div class="row justify-content-center">
    <div class="col-12 col-sm-8 col-md-6 col-lg-4 text-center">
      <!-- Título centrado, tamaño responsivo -->
      <h1 class="fw-bold mb-3" style="font-size: clamp(1.5rem, 6vw, 2rem);">
        Tu Código de Barras
      </h1>

      <!-- Imagen centrada y responsive -->
      <img
        src="{% url 'barcode_for_business' %}"
        alt="Código de Barras"
        class="img-fluid mx-auto"
        style="max-width: 100%; height: auto;"
      >

      </a>
    </div>
  </div>
</div>
{% endblock %}